Increase Size Of Heading Social Medis Icons.
Jeffrey Kiefer
Using Helix Ultimate default template. How to increase the size of social media icons in header? Is there a setting for this or do I use custom css?
Rashida Rahman
Accepted AnswerHi there!
You can use .social-icons as custom selector. Please follow the screenshot below:
Alternative solution-
If you wnat to use custom CSS then here it is:
ul.social-icons>li {
font-size: 15px;
}In your case section ID need to be added too. The following blog post may help you to find selectors:
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Rashida Rahman
Accepted AnswerHi there!
Thanks for your query.
Yes you need to use custom CSS in this case.
Or,
You can use custom option of the typography tab of your Template Options. You need to put custom selector for your social icons. Here is a screenshot:
Best Regards
Jeffrey Kiefer
Accepted AnswerWhat to put in the custom selectors for just the header social media icons? Is there just a css snippit I can add to custom css instead? I only want to make the header social icons larger.