Support/Ultra Theme/Increase the size of social link menu icons in top bar

[Resolved] Increase the size of social link menu icons in top bar

Tagged: 

  • Author
    Posts
  • November 12, 2020 at 8:15 am #15079

    ADZ
    Participant

    Hi, I have created a menu that is in the top bar of the theme, the menu comprises of 4 custom links for our social platforms like Facebook & Instagram etc… The theme has converted these links into the social media icons which is great! however the icons are really small, is there a way of increasing the size of these icons without affecting any of the other text within the top bar please?

    Kind regards,

    Adz

    November 12, 2020 at 10:39 am #15080

    Andrew Misplon
    Keymaster

    Hi ADZ

    Thanks for posting. Was the CSS from our chat on WordPress.org not helpful? https://wordpress.org/support/topic/increase-the-size-of-social-media-icons-in-top-bar/. If you can perhaps send a link to the site concerned, I’ll take a look and help from there.

    November 12, 2020 at 11:04 am #15081

    ADZ
    Participant

    Hi Andrew, I tried it but with no luck i’m afraid, I am working on the website on A local host (Local by Flywheel) so not sure this link will let you see it?

    http://unique-plumbing-supplies-ltd.local/

    Regards,

    Adz

    November 12, 2020 at 6:40 pm #15082

    Andrew Misplon
    Keymaster

    Unfortunately, I won’t be able to view a local site. To confirm, you’ve inserted the CSS rule provided at Customize > Additional CSS or Appearance > Custom CSS and there is no change in the size of the icons? If possible, please, take a screenshot of the Custom CSS and a screenshot of the top bar, upload to imgur.com or any sharing site like Dropbox/Drive, and send the link. Thanks.

    November 17, 2020 at 1:24 pm #15092

    ADZ
    Participant

    https://uniqueps-my.sharepoint.com/:w:/g/personal/adamkill_uniqueplumbingsupplies_co_uk/EYUh8U_3sddFnCY5_pMQZp4Bhkaytr8wy5oaqPR5fa2PYg?e=hXeNbQ

    Here you go Andrew, thanks for your help…

    Adz

    November 17, 2020 at 4:48 pm #15093

    Andrew Misplon
    Keymaster

    Thanks, perhaps try instead:

    .top-bar-menu li a:before {
	font-size: 30px !important ;
}
    November 18, 2020 at 11:51 am #15094

    ADZ
    Participant

    Thank you so much for your help Andrew, that worked!

    Much appreciated,

    Adz

    November 18, 2020 at 4:52 pm #15095

    Andrew Misplon
    Keymaster

    Super, glad that helped 🙂

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Scroll to top