-
Posts
-
Hello I am trying to figure out how to put a colored diagonal background behind some text using Avia builder. I am using white text so I need a colored diagonal background to appear behind the text for easier reading. How can I duplicate this effect using Enfold theme and Avia builder?
Thank you.
Please see screenshot.
Hello,
I am trying to add the custom css class to duplicate the colored bar but it is not working when adding the custom id “skewed” to the “color section custom id field”
.skewed {
left: 18%;
transform: skew(17deg);
opacity: 0.8;
background-color: #f53232;
}How do I get skewed css to show up in the “color section” and display a diagonal bar over the background image?
Hi,
If you gave the section an ID then you are targeting it wrong, please try this instead:
#skewed { left: 18%; transform: skew(17deg); opacity: 0.8; background-color: #f53232; }Best regards,
RikardOk thank you when I add this to the section ID it transforms the background image and text with colored background in the column. I only want to transform the colored background behind the text in the column only like in the screenshot. How would I only target the colored background in the column when there is no way to set column id?
Hi,
Could you link to where we can see the element in question? Otherwise we can’t give you accurate CSS.
Best regards,
Rikardby the way, a container can have more than one background-image. See here a little tutorial how to make it.
Each attribut can be styled separatly : https://webers-testseite.de/multiple-background-images/2nd: skew back the container with the fonts.
- You must be logged in to reply to this topic.