[esensky]

Hi, I was wondering how I can make the social media icons in the header bigger?

Also, I wanted to include the social media icons in the footer as well, but when I tried that the icons arrange vertically instead of horizontally which looks visually awkward. Is there a way to change this?

Thanks a lot!

Elizabeth

[serkan]

Hi Elizabeth,
You can use this custom css code for increase the font size of the header social icons;

.site-header .social-link { font-size: 17px; }

You can use this custom css code for the social icon in the footer section;

.widget_theblogger_widget_social_media_icon {
    display: inline-block; margin-bottom: 1em !important; }

Thanks

[esensky]

Thank you, that worked. :)

[esensky]

Actually, is there a way to make the icons closer together in the footer, like in the header?

[serkan]

Hi, you can add these custom css codes as well;

.widget_theblogger_widget_social_media_icon a.social-link {  width: 20px; line-height: 20px; }
.widget_theblogger_widget_social_media_icon a.social-link:hover { color: #222; background: none; }

Thanks

[esensky]

Thank you!

[serkan]

You are welcome.

[scarlit]

is it possible to make the H1 text in the Intro Widget larger? i tried resizing it via customizer but it doesn’t work.

[serkan]

Hi scarlet,
It is not related to this topic so you need to create a new topic if it is not related to the topic but you can use this custom css code;

@media screen and (min-width: 992px) {
.intro h1 { font-size: 40px; } }

Thanks