-
AuthorPosts
-
January 26, 2017 at 2:02 pm #738920
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 #738921Hey 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,
YigitJanuary 26, 2017 at 2:06 pm #738923see 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.
January 26, 2017 at 2:14 pm #738933Hi,
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,
YigitJanuary 26, 2017 at 2:32 pm #738946wow, 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 #738949Hey!
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,
YigitJanuary 26, 2017 at 2:38 pm #738951Nice thanks, and the space between the icons ?
January 26, 2017 at 2:40 pm #738953Hi,
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,
YigitJanuary 26, 2017 at 2:43 pm #738954Nice, 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 #740250Hi,
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,
YigitJanuary 30, 2017 at 4:20 pm #740252hi thanks, but i don’t see any difference
January 30, 2017 at 4:22 pm #740255Hi!
I do. Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
Cheers!
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.