A few questions

Hi Chris

Thanks for running Vantage.

1. Here is a full set of selectors for the circle icon widget. Insert what you need to change into Appearance > Custom CSS and edit as required:

/* Circle Icon Font */

.circle-icon-box { font-family: Arial; }

/* Circle Icon - Icon Font Size */

.widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] {
font-size: 24px !important;
}

/* Circle Icon Heading Color */

.widget_circleicon-widget .circle-icon-box h4 {
color: #3b3b3b !important;
font-size: 14px !important;
}

/* Circle Icon Text Color */

.widget_circleicon-widget .circle-icon-box p.text {
color: #5e5e5e !important;
font-size: 14px !important;
}

/* Circle Icon More Link */

.widget_circleicon-widget .circle-icon-box a.more-button {
color: #3b3b3b !important;
font-size: 14px !important;
}

.widget_circleicon-widget .circle-icon-box a.more-button:hover {
color: #dd3333 !important;
font-size: 14px !important;
}

/* Vantage set Circle Icon Widget Icon color */

.widget_circleicon-widget .circle-icon-box .circle-icon [class^="icon-"] {
color: #FFFFFF;
font-size: 14px !important;
}

2. Insert the following under Appearance > Custom CSS and edit as required:

/* Vantage Set Menu Font Family and Size */

.main-navigation {
font-size: 12px;
}

3. Your menu will look boxed if you select the boxed layout version of Vantage at Appearance > Theme Settings > Layout > Layout Bound. This is unfortunately the closest we can get to that.

4. Insert the following under Appearance > Custom CSS to change your sidebar widget heading color:

/* Vantage Sidebar Widget Headings Color */

#secondary .widget .widget-title {
color: #3b3b3b;
}

5. There are two options outlined here: Thread: Remove “Category Archive” Title. 1 is a child theme and another is a snippet of CSS. See how you come along there.

For sure.

Here is a thread where I tried to assist with adding lines between menu items. Should do the trick:

Thread: Vertical line between menu items

To change the headline widget you’d need to add the following to Appearance > Custom CSS and edit as required:

/* Vantage Headline Widget */

.widget_headline-widget h1 {
color: #444444 !important;
font-family: Verdana, Geneva, sans-serif !important;
font-size: 26px !important;
text-align: center !important;
}

.widget_headline-widget h3 {
color: #666666 !important;
font-family: Verdana, Geneva, sans-serif !important;
font-size: 14px !important;
text-align: center !important;
}

6. This does unfortunately require a theme translation which is a bit of a process. Here is a tutorial on the topic:

http://premium.wpmudev.org/blog/how-to-translate-a-wordpress-theme/

Once you have your .po and .mo translation files you’ll need this child theme: https://siteorigin.com/wp-content/uploads/2014/11/vantage-child-translation.zip. Download it to your desktop. Unzip it, insert your lang files in the languages folder. Then re-zip it and install via Appearance > Themes > Add New: Upload Theme.

Activating a child theme does cause a reset of Appearance > Menu, Appearance > Customize and Appearance > Widgets so test it out before re-doing those settings.

For sure.

The translation we’re discussing is only for the theme. That would cover things like post meta data that appears under post titles. Plugins need to be translated on their own, unless they have language files ready. When you change the language of your WordPress install, nothing happens. When you activate the child theme and your translation files are inserted as described, the installation then has access to lang files that match the language it’s setup for. At that stage the translation takes.

For the sidebar you could try something like this:

/* Sidebar */

#secondary * {
color: #fff;
}