Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1335200

    Dear Team,
    on my page below I would like to to have the sidebar with a gradient background (fade from top to bottom). I did not find an option resp. CSS code to realize this.

    Do you have a hint acc.?
    Thx a lot & best regards Tilman

    • This topic was modified 1 year, 10 months ago by oestersund.

    Hey Tilman,

    Thank you for the inquiry.

    You can use this css code to apply a gradient background to the sidebar container.

    #top #main .sidebar {
        background: rgb(225,229,237);
        background: linear-gradient(180deg, rgba(225,229,237,1) 0%, rgba(214,214,214,1) 100%);

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,


    thx a lot Ismael – this works

    Cheers, Tilman


    Glad Ismael could 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,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Background gradient color on sidebar’ is closed to new replies.