Home › Forums › Air WordPress Theme › How to individually style icons in footer social menu
- This topic has 5 replies, 2 voices, and was last updated 4 years, 4 months ago by
eevomi.
-
AuthorPosts
-
January 26, 2022 at 2:27 pm #26875
Hi! I have four icons set up in the footer, for various social media links, set up through the theme options panel. I would like to be able to set a max-width on just one of them – three of the icons are round or square, and the one I’d like to style individually is a longer, landscape-oriented text logo. right now it’s showing up much smaller than the others and is barely readable. Is there any way I can target this one icon without having to create a child theme and edit in the theme files?
this is the code I have at the moment – I’ve done some styling to remove padding and reduce the footer height to auto. I have tried using
max-widthinstead ofmax-heightbut this has the same effect of making the three other icons huge.#footer { position: fixed; z-index: 9; bottom: 0; left: 0; right: 0; } .footer-info { padding: 20px 0; } .footer-info img { max-height: 33px; } .footer-info .footer-container { height: auto; } .widget_footer { padding-top: 0px } .copyright a:hover { text-decoration: underline; }January 26, 2022 at 2:38 pm #26876oh, a side note – the icons are .svg files, not png or jpeg.
January 27, 2022 at 2:10 am #26883Hi there,
Welcome to SeaTheme forum.
Please add a class for the specific icon, like
<img class="wide-icon" src="xxx.svg">
then add style for it:
.footer-info img.wide-icon { width: 40px;}ps: I don’t know how do you add the icons, better paste your webpage URL, then I can give you more clear suggestions.
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookJanuary 27, 2022 at 1:32 pm #26893This reply has been marked as private.January 27, 2022 at 2:27 pm #26894Hi,
Thanks, I checked your webpage, please use the custom CSS, it will increase the icon width:
.socialmeida li:last-child img { max-width: 80px; }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookJanuary 27, 2022 at 2:56 pm #26895ah that worked a treat!! thank you so much!
-
AuthorPosts
- You must be logged in to reply to this topic.
