Navigation
Archive / Changing size of top bar icons & text
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 1, 2016 at 9:34 am #1156910
    MaddyJones
    Participant

    Hi, I’d like to increase the size of the social media icons and contact details text that appear in the top bar. Please can you let me know how to do this?

    Many thanks

    September 1, 2016 at 9:34 am #1156911
    MaddyJones
    Participant
    This reply has been marked as private.
    September 1, 2016 at 10:41 am #1157011
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Can you please explain it with some screenshots so we can have better understanding of the issue?

    Thanks!

    September 2, 2016 at 6:39 am #1158346
    MaddyJones
    Participant

    Hi

    Ah! Sorry for not being clear. Here’s a screenshot of the top bar I’m referring to.

    Many thanks!

    September 2, 2016 at 9:09 am #1158502
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    .x-topbar .p-info {
font-size: 16px;
}
.x-social-global a i {
font-size: 25px;
}
.x-topbar .x-social-global a {
margin-left: 12px;
}

    ***Side note, I noticed on your website your shopping cart box on your navbar is on a second line, not aligned with the other items, to fix that, go to Appereance > Customizer > Header and adjust this parameters: link spacing, letter spacing, font-size. You just need to change them a bit, I would maybe change just the link spacing, I guess it is enough in order to make room to align everything 🙂

    Hope that helps,

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1156910 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>