Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1405215

    Hello together
    I have on the page link below:
    added two social icons in the menu
    Instagram and YouTube
    is it possible to make these 2 icons a little bigger and colored
    and mobile the distance to the hamburgermenu symbol a little bigger

    thanks in advance
    Friendly greetings
    Franz

    #1405234

    Hey schweg33,
    To make the social icons larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .social_bookmarks li a {
      width: 40px!important; 
      line-height: 40px!important; 
      min-height: 40px!important; 
      font-size: 30px!important; 
    }
    #top #wrap_all .social_bookmarks li {
    height: 30px!important; 
    width: 40px!important; 
    }
    #top #wrap_all .social_bookmarks {
      height: 60px!important;
    }
    #top nav .social_bookmarks {
    margin-top: -20px;
    }

    To invert the social icons colors try this css:

    #top #wrap_all .av-social-link-youtube a {
        color: #a72b1d;
    }
    
    #top #wrap_all .av-social-link-instagram a {
        color: #a67658;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1405273

    Thank you Mike
    that fits now super so

    you can close this ticket

    kind regards

    Franz

    #1405282

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘icons bigger and colored’ is closed to new replies.