-
Posts
-
I’d like to make a transparent cell grid so that the text in the cell shows up on top of a background image. How do I make it transparent?
Hey satucker,
Please provide a link to the site/page in question so we can look into this further. Also, provide an example of what you’re looking to accomplish.
Best regards,
Jordan ShannonOn the home page (next to the pic of the book) i’d like the text to appear over the image background rather than over the white background of the grid cell the text is in.
Hi,
Add this to quick css:
.avia-builder-el-2 { background:transparent!important; }Best regards,
Jordan ShannonHi,
Sorry for the late reply and thanks for the login, I see that you are using a Grid Row element for the section that is two cells, unfortunately, the background for each cell is apart of that cell so we are not able to display one cell’s background over both cells.
I would recommend using a color section with a background and a 1/2 column for your text, I created a clone of your page and replaced the Grid Row with this solution, as an example, please see the link in the Private Content area.
You will note that I added the custom ID “book-background” to the color section and the following css to your Enfold Theme Options > General Styling > Quick CSS field, this was to force the background image size to “contain”.#book-background { background-size: contain !important; }Please let us know if this follows the idea for your page.
Best regards,
Mike
- You must be logged in to reply to this topic.