Tagged: Sidebar Menu, social icons
Viewing 5 posts - 1 through 5 (of 5 total)
-
AuthorPosts
-
November 30, 2017 at 12:24 am #883243
Can’t for the life of me find the css that will increase the size of my instagram icon here:
I’ve tried all this:
.html_header_sidebar #top #header .social_bookmarks li a, #top #wrap_all .av-social-link-instagram:hover a, .html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a, html body [data-av_iconfont='entypo-fontello']:before, li.social_bookmarks_instagram.av-social-link-instagram.social_icon_1 { font-size:60px!important; } #top .social_bookmarks li a { min-height:50px!important; height:50px!important; }
but although some of these increase the size when previewing in element inspector, it does not have effect on my live site. I have emptied caches….
Any ideas?
Thanks
Wizard247November 30, 2017 at 12:48 am #883252Hey wizard247,
Do you have any additional custom css that could be formatted wrong? This could prevent the above css from taking effect.
Best regards,
Jordan ShannonNovember 30, 2017 at 12:54 am #883258Can’t see how it would be formatted wrong – this is what I have:
/*custom css Corporate Barista*/ body, p { font-weight:300!important; } .logo { margin-top: 25px; margin-bottom:25px; } .avia-testimonial-content p { color:#000; } .main_color .avia-slider-testimonials .avia-testimonial-content, .main_color .avia-testimonial-arrow-wrap .avia-arrow { opacity:0.5; } #top #main .avia-section .template-page { margin-top:10px; } .avia-datepicker-div.ui-datepicker { width:350px; } #top #wrap_all .error .text_input, #top #wrap_all .error .text_area, #top #wrap_all .error .select { border-color: #cc9c00; } #top div .av-light-form .input-text, #top div .av-light-form input[type='text'], #top div .av-light-form input[type='input'], #top div .av-light-form input[type='password'], #top div .av-light-form input[type='email'], #top div .av-light-form input[type='number'], #top div .av-light-form input[type='url'], #top div .av-light-form input[type='tel'], #top div .av-light-form input[type='search'], #top div .av-light-form textarea, #top div .av-light-form select, div div .av-light-form .button { color:#e5e5e5!important; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { .avia-menu-subtext { display:none; } } h2.avia-caption-title { letter-spacing:2px!important; } .avia-tooltip .inner_tooltip { font-size: 13px; } #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select { font-size:0.7em; } .html_header_sidebar #top #header .social_bookmarks li a, #top #wrap_all .av-social-link-instagram:hover a, .html_header_sidebar #top #header .social_bookmarks li.social_icon_1 a, html body [data-av_iconfont='entypo-fontello']:before, li.social_bookmarks_instagram.av-social-link-instagram.social_icon_1 { font-size:60px!important; } #top .social_bookmarks li a { min-height:50px!important; height:50px!important; }
November 30, 2017 at 3:48 am #883276Fixed thank you. Was a caching issue.
November 30, 2017 at 10:39 am #883317 -
AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- The topic ‘Increase size of social icons in sidebar menu’ is closed to new replies.