Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #738920

    Hi,

    How to change the size of the social icons in het header ?
    And also possible to change the color ?

    #738921

    Hey BPC,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header .social_bookmarks li a {
        font-size: 20px;
    }
    

    2- Can you please post the link to your page and point out the changes you would like to make?

    Best regards,
    Yigit

    #738923

    see private link

    first is my test site
    second is the original, i would like to have them the same

    ( also is it possible to have the same shadow both left and right linke the original website ?)

    • This reply was modified 7 years, 9 months ago by BPC.
    #738933

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #wrap_all .social_bookmarks a {
        background: black;
        color: white;
    }
    #wrap_all {
        box-shadow: -10px 0px 20px rgba(0,0,0,0.2), 10px 0px 20px rgba(0,0,0,0.2);
    }
    

    Best regards,
    Yigit

    #738946

    wow, thanks for the shadow , nice !!

    About the icon, almost there
    The space between the icons must be wider and the circle around a few pixels more.

    #738949

    Hey!

    Please add following code to Quick CSS

    #top #wrap_all .social_bookmarks a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    #top .social_bookmarks li {
        width: 40px;
    }

    Regards,
    Yigit

    #738951

    Nice thanks, and the space between the icons ?

    #738953

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .social_bookmarks li {
        margin-right: 10px;
    }
    

    Best regards,
    Yigit

    #738954

    Nice, thanks for your input

    another question about the buttons you see lower on the home page

    Why are they different in the width size ?
    Possible to have al the buttons in 1 size ?

    #740250

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-button.avia-size-large {
        min-width: 182px;
    }
    

    Best regards,
    Yigit

    #740252

    hi thanks, but i don’t see any difference

    #740255

    Hi!

    I do. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    Cheers!
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.