Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 13, 2020 at 11:49 am #1184110
    topnetat

    Hello!

    Is it possible to set 2 color at Farb-Sektion. First 50% White and after #21333d?

    Thanks for your answer!
    Elias

    February 13, 2020 at 10:05 pm #1184321
    Victoria

    Hey topnetat,

    Could you please attach a mockup of what you’re trying to achieve?

    You will need to add two containers in the color section. Or maybe use css gradient.

    Best regards,
    Victoria

    February 14, 2020 at 8:53 am #1184430
    topnetat

    Hey Victoria! Thanks for your Answerl Here is an image of that effect – in background should be the color section an the text blocks are above two different backgrounds.

    Thanks for your help!
    Topnetat

    February 17, 2020 at 6:27 am #1185116
    Nikko

    Hi topnetat,

    To have a two background color using a Color Section, just go to the Styling (tab) > Background, set this to Background Gradient.
    Then set Background Gradient Color 1 and Background Gradient Color 2, then set Background Gradient Direction.
    Hope this helps.

    Best regards,
    Nikko

    February 17, 2020 at 10:04 am #1185137
    topnetat

    Hi Nikko! Thanks for your answer.

    Right, thats possible, but i dont want to achieve a gradient. I would like to see one color in the top and the other direct under this first color till the end of the element.

    With no gradient? Is that possible? It needs a hard cut?

    Kind regards
    topnetat

    February 17, 2020 at 4:04 pm #1185256
    Nikko

    Hi topnetat,

    It’s possible but you’ll need to make use of Custom CSS Classes.
    Edit your Color Section, go to Advanced (tab) then in the Developer Settings > Custom CSS Class, put my-section.
    Go to Enfold > General Styling > Quick CSS, then add this CSS code:

    .my-section {
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #21333d 50%, #21333d 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#21333d 50%,#21333d 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#21333d 50%,#21333d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#21333d',GradientType=0 );
}

    Hope this helps.

    Best regards,
    Nikko

    February 17, 2020 at 4:48 pm #1185283
    topnetat

    It`s working fine – Thank you!

    February 17, 2020 at 5:17 pm #1185308
    Nikko

    Hi topnetat,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Two colored Background’ is closed to new replies.