-
Posts
-
I’d like to do a transparent color block behind some Special Heading text on one specific section. I found a thread with the following code:
.page-id-4996 .av-special-heading .av-special-heading-tag {
padding: 10px !important;
background-color: red !important;
}But as mentioned I do need it to be transparent. I also want it to wrap the text rather than stretch the full width (right now the color block extends the width of the page). I also don’t want it to apply to all Special Headings on the page, just one section in particular.
Essentially, I have a Color Section where I’d like the Special Heading to look like the options provided in the Full Screen Slider with the Center Framed option.
Hope that makes sense and thanks in advance!
Hi kellymarie2001!
if you want it to be transparent use this code instead:
.page-id-4996 .av-special-heading .av-special-heading-tag { padding: 10px !important; background: rgba(0,0,0,0.4) !important; }and adjust as needed.
Regards,
AndyHi Andy,
Thank you! This only resolves the transparency request, however. The other items I inquired about are as follows:
– Wrap the text rather than stretch the full width (right now the color block extends the width of the page).
– I also don’t want it to apply to all Special Headings on the page, just one color section in particular.Essentially, I have a Color Section where I’d like the Special Heading to look like the options provided in the Full Screen Slider with the Center Framed option.
Hi!
1.) A color section will always be fullwidth by default. You can use a layout element instead.
2.) Check out this: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Cheers!
AndyHi Andy,
I don’t think we’re on the same page… The box of color behind the text (not a Color Section) we have added to the headers are what is stretching across the page.
I’ll check out that Custom Class.
Thanks!
- You must be logged in to reply to this topic.