Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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
    Wizard247

    #883252

    Hey 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 Shannon

    #883258

    Can’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;
    }
    #883276

    Fixed thank you. Was a caching issue.

    #883317

    Hey!

    Glad you figured it out!
    Let us know if you have any other questions or issues! :)

    Regards,
    Yigit

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Increase size of social icons in sidebar menu’ is closed to new replies.