[ad_1]
Hi !
I’m trying to create a specific page setup over an already working wordpress website which is using WP Bakery.
I would like to create a image showcasing a projet with some texts overlay on the side (With gradient over image as a bonus).
https://preview.redd.it/xbjggs753cnc1.png?width=2628&format=png&auto=webp&s=01f3b3dc66d3055b05182fb221bdd30bf12bfcf4
I was thinking to make a 2 colums with some padding, but the texts go to the line and go under the image.
Some advices ?
Thank you
Al right, i’ve mananged to get it working byusing multiple CSS additional classes in the specific items (Left columns and right image)
// For the text
.Z-IndexOver {
position: absolute;
z-index: 5;
overflow: visible;
white-space: nowrap;
}
.font-size7{
h1 {
font-size: 3.5vw;
font-weight: bolder;
}
}
//for the image
.background-gradient {
position: relative;
}
.background-gradient::before {
content: ”;
background: linear-gradient(90deg,black,transparent);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0.4;
}