-
Posts
-
I just love this theme and imagine there is a way to do what I need… In the screenshot below, you can see an example of what I want it to look like- 1/4 columns, grey background, with the “read more” button in the same position on each box (regardless of the text above it). There will be different links/text on top of each one so people can access the articles.
I think I need to be able to put a background image behind the text, and then place the “read more” button with the shortcode in the visual editor. However… If I place the background image behind the text with code, anyone who changes the text on top will have to be comfy with html… the gal at the company who will do it is not computer savvy.
Is there a way to use the color section or image media content for the background image and then have the text and button sit on top of it like the screenshot shows? I know the color section will not fill a 1/4 spot, but thought you might know of a way to do it without html.
Thanks for any thoughts. :)
AngieHey Angiec13!
No, not within any of the theme elements. Your best route would be to create the layout with the Avia Layout Builder and then target each element with css to customize it since the individual columns don’t have any other method to style them.
It’ll be pretty simple if you wrap the whole section in a color section with the developer ID filled in so you can target that block by its ID and then the sub elements. Also turning on the custom class field will help: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Cheers!
Devin
- You must be logged in to reply to this topic.