![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
July 3, 2023 at 12:30 pm #1412329
Hi,
I would like put the background color of the web in gradient 2 color with 45 degrees.
Could you help me?Thanks advance,
Antonio.
July 3, 2023 at 7:25 pm #1412358Hey Antonio,
Which element would you like to apply it to? Could you post a link to where we can see the element in question?
Best regards,
RikardJuly 3, 2023 at 7:27 pm #1412359Hi Rikard,
I would like in the hole background page.
Thanks advance,Antonio
July 4, 2023 at 12:10 am #1412373Hi Antonio,
You can use this CSS code to cover the whole page and add it in Enfold > General Styling Quick CSS, however since it is at the back of those content elements (like Color Section), you will need to make the content elements transparent:
#top #wrap_all #main { background: blue; background: linear-gradient(45deg, blue 0%, black 100%); }
Best regards,
NikkoJuly 4, 2023 at 9:57 am #1412403Hi Nikko,
I have do that but do not works.
#top #wrap_all #main {
background: linear-gradient(45deg, #ff6d3e 0%, #2e09c1 100%);
}all the background and pages are grey.
Could you help me?
Thanks advance,
BR,
Antonio.
July 4, 2023 at 2:35 pm #1412422because the sections etc got their own background-color. Only if you set them to transparent – the #main background-color could be seen.
July 4, 2023 at 5:45 pm #1412439Hi,
Thanks for helping out @guenni007 :-)
@95mc, the comment above applies to your site. If you have sections with background images and colours, then the styling you are applying to the main container will not show.Best regards,
RikardJuly 8, 2023 at 1:23 pm #1412723Hi all!
I have put the sections empty and I can see it, even in empty pages.
Could you help me?Many thanks!
BR,
Antonio.
July 8, 2023 at 4:26 pm #1412737Hi,
If you want all of your sections to be transparent to show your #main gradient color try this css:.main_color { background-color: transparent; }
but I’m not sure that you would want this on every section on your whole site, so instead try specifing the section you want this gradient color by adding a custom class to your color section like gradient and then use this css:
.gradient { background: linear-gradient(45deg,#2e09c1 0%,#ff6d3e 100%); }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJuly 10, 2023 at 11:54 am #1412943Hi Mike,
Looks great! Many thanks
BR,
Antonio.
July 10, 2023 at 12:34 pm #1412950Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike -
AuthorPosts
- The topic ‘Background color gradient’ is closed to new replies.