Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • July 3, 2023 at 12:30 pm #1412329
    95mc

    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 #1412358
    Rikard

    Hey 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,
    Rikard

    July 3, 2023 at 7:27 pm #1412359
    95mc

    Hi Rikard,

    I would like in the hole background page.
    Thanks advance,

    Antonio

    July 4, 2023 at 12:10 am #1412373
    Nikko

    Hi 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,
    Nikko

    July 4, 2023 at 9:57 am #1412403
    95mc

    Hi 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 #1412422
    Guenni007

    because 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 #1412439
    Rikard

    Hi,

    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,
    Rikard

    July 8, 2023 at 1:23 pm #1412723
    95mc

    Hi 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 #1412737
    Mike

    Hi,
    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,
    Mike

    July 10, 2023 at 11:54 am #1412943
    95mc

    Hi Mike,

    Looks great! Many thanks

    BR,

    Antonio.

    July 10, 2023 at 12:34 pm #1412950
    Mike

    Hi,
    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

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Background color gradient’ is closed to new replies.