Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • January 26, 2017 at 2:02 pm #738920
    BPC

    Hi,

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

    January 26, 2017 at 2:04 pm #738921
    Yigit

    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

    January 26, 2017 at 2:06 pm #738923
    BPC

    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, 10 months ago by BPC.
    January 26, 2017 at 2:14 pm #738933
    Yigit

    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

    January 26, 2017 at 2:32 pm #738946
    BPC

    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.

    January 26, 2017 at 2:37 pm #738949
    Yigit

    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

    January 26, 2017 at 2:38 pm #738951
    BPC

    Nice thanks, and the space between the icons ?

    January 26, 2017 at 2:40 pm #738953
    Yigit

    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

    January 26, 2017 at 2:43 pm #738954
    BPC

    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 ?

    January 30, 2017 at 4:18 pm #740250
    Yigit

    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

    January 30, 2017 at 4:20 pm #740252
    BPC

    hi thanks, but i don’t see any difference

    January 30, 2017 at 4:22 pm #740255
    Yigit

    Hi!

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

    Cheers!
    Yigit

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