Tagged: color section
Hello:
Love your theme; thank you. I have searched the forum and cannot find answer to this specific issue. I have a background image for my Main Content area. I have a Color Section on my homepage with a color defined (#32add9). I select ‘Main Content’ for my color scheme (for icon & text colors, etc.). When I do that, because the Main Content also has a bg image defined, the Color Section uses that bg image instead of the color I selected. It seems that if I specify a Color for the ‘Color’ section, that should override any other settings? If I remove the bg image from the Main Content style, my color section shows up with the proper color (but I DON’T want to remove the bg image from Main Content Style).
What is best work around? or am I doing something wrong here? I realize I can make a bg image for the color section that is just the flat color and then set a ‘bg image’ for the Color Section, but that seems convoluted.
Hi bluemoonink!
It sounds like a priority/inheritance issue with the css. Without seeing it live I can’t provide a good solution that will not effect other areas but generally what you would do in this case is add a custom ID to that color section in the field for it at the bottom of the color section options.
You can then target that ID with css to remove the image and only show the color you want. Ex:
#yourcolorsection {
background: #32add9 !important;
}
Best regards,
Devin
Worked like a charm! I forgot about using the ID for the CSS; now I know what it’s there for.
Thanks much!