I need to write CSS IDs or classes to edit specific elements of the header. I want to change the color/size of the phone number and the background color of the button (in the website below).
What is the CSS I need to insert to do so?
Hi Oliviasimone!
To change the phone number please use the below css in Enfold > general styling > Quick CSS
#menu-item-6729 .avia-menu-text {
color:gold!important;
}
To change the background of the button
#menu-item-7580.av-menu-button .avia-menu-text {
color:#000!important;
background-color:#fff000!important;
border:none!important;
}
Best regards,
Vinay Kashyap
Thank you.
I am attempting to put a BBB logo directly to the right of the search icon (in the header). How can I do so?
Hey!
Please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Cheers!
Yigit
Is there any way to change the video widget to show a part of the video instead of a gray screen?
Please scroll down on the page below.
Hi!
Try using a placeholder image for the video.
#player_26_1895992992_522052004 {
background:url(placeholder_image.jpg);
}
If you have any issues please feel free to get in touch with us.
Please create new tickets for new issues so we can keep the focus on the original topic and it helps us help you faster :)
Best regards,
Vinay Kashyap
Changing the background image didn’t work…
Hi!
not sure what you are trying to achieve. Can you provide us a mockup showing the results please? you can use imgur.com or dropbox.
Regards,
Andy