Hello, we have send an email to support on 20&22/7 for this topic can you check it?
You have had credentails for admin if needed from another recent ticket.
Short info:
we would like to remove background images:
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-desktop-1.svg
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-desktop-2.svg
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-mobile-1.svg
https://www.kynigesia.gr/wp-content/uploads/2025/07/kyn-background-radial-gradient-mobile-2.svg
and replace them with this css class (already available). this css is not possible to achieve with tagdiv of course.
.redbg3{background: #9B2A2A;
background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(221, 51, 51, 1) 50%, rgba(105, 29, 29, 1) 93%)!important;}
Full info on email.
Thank you.
Hello,
Thank you for reaching out to us. It’s possible that your email was marked as read or there was an oversight if you haven’t received a response yet. I’ll look into it and follow up with a reply via email shortly.
Thank you for your understanding.
Hello, as i send you in the email the task is not remove the images we nkwo how to do it. We need to apply this custom class:
redbg3{background: #9B2A2A;
background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(221, 51, 51, 1) 50%, rgba(105, 29, 29, 1) 93%)!important;}
but there is white in the row elements we apply it into.
Row elements should be 100% width and not in a container by the way 😉
Ok, so the image should be as it is and the above code should be applied.
The class can be set on element/row https://i.imgur.com/xmTzERx.jpeg but it should be adjusted depending on the element where it’s applied.
We can continue via email.
Hello, yes the issue comes when we do the following steps:
1)remove the background image in the row
2) apply the class in the row (the preview may be looking good)
3) save and see the frontend. it will have empty white spaces in left and right and the background wont be 100% of the row. that is what we need to achive for each row that has a background image …
Hi,
Do you want to set that code as the background for the entire website, including the header, content, and footer?
Hello,
Now I understand, you want to use only on certain rows and these will use the extra class redbg3, correct?
For this, you can use the row option – https://i.imgur.com/GKKCEtE.png – https://i.imgur.com/mEOQOhY.png – https://i.imgur.com/HJ34Md3.pngor set the class on row https://i.imgur.com/Z7TRuGI.jpeg and apply the CSS like this:
.redbg3 .td-element-style-before,
.redbg3 .td-element-style::after{
background: #9B2A2A;
background: linear-gradient(90deg,rgba(155, 42, 42, 1) 0%, rgba(221, 51, 51, 1) 50%, rgba(105, 29, 29, 1) 93%)!important;
}
In homepage in the row with the main banner image and the right colum in the news the background seems to be applyed two times since there is a td-element-style in the right colum as well..
i tried the css with no sucess:
.redbg3 > .td-element-style::before,
.redbg3 > .td-element-style::after {
background: #9B2A2A;
background: linear-gradient(
90deg,
rgba(155, 42, 42, 1) 0%,
rgba(221, 51, 51, 1) 50%,
rgba(105, 29, 29, 1) 93%
) !important;
}
also the gradiond options you mention dont seem to apply the effect we wish.
anyway to fix the css rule please?
Hello!,I beleive we are ok!
final css:
.redbg3 > .td-element-style > .td-element-style-before {
background: #9B2A2A;
background: linear-gradient(
90deg,
rgba(155, 42, 42, 1) 0%,
rgba(221, 51, 51, 1) 50%,
rgba(105, 29, 29, 1) 93%
) !important;
}
I’m glad that you managed the situation with CSS!
