This topic has 5 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #136588
     championweb
    Participant

    Is it possible to change the size of the social icons in top bar?

     

    for example here: https://mariejoseearel.tv/2016

    my clients wants the icons more visible

    #136659
     Radu
    Moderator

    Hi,

    add this css to wp-admin -> theme options -> general settings -> quick css

    COPY CODE
    
    #top-social li i{
        font-size: 20px;
    }
    
    #top-social li a  {
    font-size:15px;
    }
    

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #136682
     championweb
    Participant

    Thanks. It is working.

    is it possible to change the colors?

    #136690
     Radu
    Moderator

    You want to have separate icon color by social provider ?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #136695
     championweb
    Participant

    I am exploring…

    Is there a CSS code for all at once?
    and then an other for each separately?

    #136785
     Radu
    Moderator

    Hi

    COPY CODE
    
    /*All*/
    .header-color #top-social li a i {color:green;}
    
    /*Separate*/
    
    .header-color #top-social li a i.icon-youtube {color:red;}
    
    .header-color #top-social li a i.icon-facebook {color:blue;}
    
    .header-color #top-social li a i.icon-twitter { color:lightblue; }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?