Add Social Icons in Virtue Theme

Have you enable the topbar icon menu as well as adding icons?

Can you post a link?

What do you mean by resize? do you want them larger.. smaller… ??

Kadence Themes

Hello,
Yes I see the social icons there now but they are SO small. How do I make them bigger??

Also the navigation bar is repeating on the topbar menu. How do I remove this?
My site is https://www.mysublimecreations.com

Thanks!

Okay so I figured out how to remove the duplicate navigation menu from the topbar but still cannot figure out how to increase the size of the social icons on the topbar.

Add this to your custom css box in the advanced settings of the theme options:

.topbarmenu ul li a {
font-size: 18px;
}

Kadence Themes

This worked thanks!

Hello from Bulgaria. I am creating web site with the amazing(that’s for sure) Virtue Theme and I have 2 questions:

1. Is it possible to add icon which is not included in the set of icons for the social bar(I need “VKontakte” social icon);
2. and How should I transform the text to
   

   uppercase

   in the main navigation menu;

For the second question I was using

#nav-main ul.sf-menu a
{
text-transform:uppercase
}

in style.css and also tried in Advanced Settings in Theme Options but still doesn’t work (this solutions were written in other related posts);

Hey,
For extra social icons you would need to use a plugin.

As for the uppercase your code should work in the custom css box in the theme options > advanced settings, it won’t work by adding it to the style.css file.

#nav-main ul.sf-menu a {
text-transform: uppercase;
}

put this at the top of your custom css box.

Kadence Themes

Thanks a lot, I used the code again and still doesn’t work until I removed the semicolon separator between this code and the one, that I added for the social icons size.
Thanks, and good luck!

Hello, how do I position the icon to the right of the top bar but on the left of the search menu.

Thanks

Hey uniphysique,
In theme options > topbar settings make sure that the enable widget in right of topbar is turned on. Also be sure that the topbar layout switch is off. Then go to appearance > widgets and add both the social icons widget and search widget to your topbar.
Hope this helps!
Hannah

Hello. I am having trouble adding my social icon to the left side of the page while my search menu is on the right side of the page. Currently my top bar is separated into two columns (I am not sure why) and my social icon is just position in the middle of my site now. My search menu is correct though.

Anyone knows how to solve this?

Thanks Hannah for responding. I got the search widget to place on the right side, but the social icon widget is centered on the top bar. How do I get it to float just to the left of the search icon?

here’s the link – https://universalphysique.com

Ignore my previous question on the positioning. I have solved it. THanks anyways.

uniphysique,
Try placing the search widget above the virtue social links widget in appearance > widgets. Let me know if that works!

freshmeat88, glad you figured it out:)

Hannah

Add this to your custom css box in the theme options > advanced settings:

.topbar-widget .virtue_social_widget {
float:right;
}

Kadence Themes