Make social media icons in header bigger

  • Posted in : TheBlogger
  • esensky
    Participant
    19 May 2018 at 21:05
    #54463

    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
    Moderator
    21 May 2018 at 13:11
    #54479

    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
    Participant
    21 May 2018 at 20:36
    #54494

    Thank you, that worked. :)

    esensky
    Participant
    21 May 2018 at 20:40
    #54496

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

    serkan
    Moderator
    22 May 2018 at 10:54
    #54501

    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
    Participant
    29 May 2018 at 18:36
    #54599

    Thank you!

    serkan
    Moderator
    29 May 2018 at 19:32
    #54610

    You are welcome.

    scarlit
    Participant
    16 June 2018 at 12:22
    #54939

    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
    Moderator
    16 June 2018 at 21:14
    #54954

    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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
TheBlogger WordPress Theme
Login and Registration Log in · Register