-
AuthorPosts
-
March 18, 2018 at 1:34 pm #928692
Hi,
My client wants the top bar where the extra info/phone number and social icons goes to be styled with the background as color #c3b59b stretching across the full width so it looks like a separate bar compared to the leafy background behind the logo and menu
Also i’d like to make the font a bit bigger.
I tried targetting .container in custom CSS and .phone-info and that didnt work, help on this would be greatly appreciated, cheers!
March 19, 2018 at 8:47 am #928920Hey tokenofhon,
Please try the following in Quick CSS under Enfold->General Styling:
#header_meta { background: #c3b59b !important; }
Best regards,
RikardMarch 19, 2018 at 11:31 pm #929425Hi, i’ve added that code
No luck unfortunately
March 21, 2018 at 4:49 am #930244Hi,
Thanks for the feedback. Please try this instead:
#top .av_header_transparency #header_meta { background: #c3b59b !important; }
Best regards,
RikardMarch 21, 2018 at 7:07 am #930373Hi rikard,
Sorry still no luck. I have put the login details in the private section maybe you can have a look
March 21, 2018 at 8:35 am #930420Hi tokenofhon,
I think you have an error in your quick css, please check the font declaration. I put the code provided by Rikard on top of all the other code and it worked.
If you need further assistance please let us know.
Best regards,
VictoriaMarch 21, 2018 at 11:52 pm #930954Thanks for that victoria, i’ve added the padding to separate the top bar from the logo and it looks perfect now!
Do you know what i’ve done wrong with the font declaration? I always seem to have trouble uploading and calling out custom uploaded fonts and cant figure out what im doing wrong
March 23, 2018 at 8:49 am #931810Hi,
The header_meta container’s background is already set to “#c3b59b”. If that’s not what you’re expecting, please provide a screenshot of what you’re after.
Best regards,
IsmaelMarch 24, 2018 at 1:37 am #932174Hi Ismael, yeah Victoria sorted it for me, but she said there was an issue with my custom font declaration and I was wondering what it was so I can fix it
March 24, 2018 at 12:46 pm #932320Hi tokenofhon,
You can copy all the code from quick css here and check for errors:
http://www.css-validator.org/#validate_by_inputIf you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.