I want to change the background color of the Vantage Headline widget. I can change it in CSS or using the Widget itself with no problem. The issue is that I am using a full-width page layout, and I want the whole div to be the color as well. I tried examing the source and applying CSS to this class:
.layout-full .panel-row-style.panel-row-style-wide-grey, .layout-full .panel-row-style.panel-row-style-full-width
It does not change anything though.
Thanks for your help.
Hi Cherokee Lakes
Sounds like you’re already there. To change the background color of the row, click the wrench icon on the far right of the row then > Edit Row > Theme > Background Color.
Let us know how you come along :)
Oh wow. I was trying to edit the headliner itself, not the row. Completely makes sense now. Thanks.
Not sure if I should start a new post for this or not, but I cannot change the color of the font in the headliner. I have the code at the bottom in custom CSS, as well I have tried setting it through the widget itself. Neither works.
/* Headline Widget */.widget_headline-widget h1 {font-family: Verdana, Geneva, sans-serif !important;font-size: 26px !important;font-weight: bold;text-transform: none;color: #b5bbbf;}.widget_headline-widget h3 {font-family: Verdana, Geneva, sans-serif !important;font-size: 18px !important;font-weight: 200;color: #b5bbbf;}Problem solved
Super :) Really glad to hear you made progress on this.
All the best with your site.