Enlargement of Social Icons

Hello,

That’s a good question. The following CSS should work well to increase the size of the icons:

.site-header .social-media-icons a {
  font-size: 24px;
  width: 32px;
  height: 32px;
  line-height: 1;
}

Please copy and paste that code into the Additional CSS section in the Live Customizer (Appearance > Customize), and it will take effect right away.

Hello Ben,

Thank you so much for your reply and help! I have inserted the above code as directed, but nothing happens? I also inserted a few other lines, as I want to move the icons also a bit lower, you cannot see them… But anycase, no lines are working via the Live Customizer it seems?

I have tried to look for the actual file on the wp-content. But I don’t think one can edit it, as its all just one line… Any advice you might have? Normally I would add a line here in the additional css, and it works. But not here? So don’t know what to do…

How can I provide more info or help you to help me… loL! I really appreciate your time and effort.

Here are the two other lines I have inserted, but nothing happens. One is to move the Social Icons and search bar a bit down, as you cannot see it. And the other one, I wanted to make the navigation bar, the blue that is in the logo. Just to bring some color to the page.

.top-nav {
    padding-top: 35px;
}

.menu-primary {
    background-color: #00afef;
}

But nothing happens when I insert it in the additional css section?

I got it right!! Thank you Ben! I inserted the code at the bottom instead of at the top of the additional css! What do you think… it looks much better with the new blue menu as well and the icons are bigger! Yay! Thank you sooo much! Have a awesome day!

Glad to hear you figured it out ??

I would take a look at your Additional CSS and check for any syntax errors that could be preventing code from working. Some common errors are having more opening or closing curly braces {}, missing semi-colons after properties, and writing comments with “//” instead of “/**/”.

Hope that helps!

• This reply was modified 3 years, 7 months ago by Ben Sibley.

Thank you Ben! Can you please also just help me with the mobile menu! Its is not working properly… It looks all funny on mobile, and its not suppose to show only when you click on the toggle. Please help…