Okay
  Public Ticket #2768619
Salient shape divider
Closed

Comments

  •  1
    swatvertising started the conversation
    May 5, 2021 at 7:25am

    Hai All, 


     Question, in the page https://www.vonkels.nl/menu/ I want to get the white part of the shape divider transparant, so that the marble background set in the general settings of salient (CSS code) will see through.

    Hope to hear from you soon, Thanks in advance Lennart Koopman

  •  1,642
    Judith replied
    May 5, 2021 at 7:55am

    Hi There,

    Please try this css:

    .nectar-shape-divider-wrap.no-color .nectar-shape-divider {
        fill: #ffffff87;
    }

    Thanks.

  •  1
    swatvertising replied
    May 6, 2021 at 9:15am

    Dear Judith, 

    Thanks for Your suggestion. I tried this option. Still not working. See https://www.vonkels.nl/menu/
    I did turn a little soft but not transparant??

    tnx in advance

  •  1,642
    Judith replied
    May 6, 2021 at 9:58am

    Hi There,

    Please try this css:

    .nectar-shape-divider-wrap.no-color .nectar-shape-divider {
        fill: transparent;
    }

    Thanks.

  •  1
    swatvertising replied
    May 6, 2021 at 12:25pm

    Not working. Now the shaped divider is gone. 

    See https://www.vonkels.nl/menu/

    tnx in advance

  •  1,642
    Judith replied
    May 6, 2021 at 4:51pm

    Hi There,

    Please try this css:

    .nectar-shape-divider-wrap.no-color .nectar-shape-divider {
        fill: #fffefe4a;
    }

    Remove the one i sent earlier.

    Thanks.

  •  1
    swatvertising replied
    May 6, 2021 at 5:55pm

    As You suggested, https://www.vonkels.nl/menu/

    still not working. If You don't know it, that ok. That is also an answer?
    I'm trying everything. It shouldn't be so hard. Can You please take a good look?

    The marble background must come through the divider below part.

  •  8,402
    Tahir replied
    May 6, 2021 at 10:26pm

    Hey Again,

    You have a Background Image and Color set in the Row Settings that is overlapping the marble image therefore it would have to be removed for it to come through.

    5836430453.png

    Thanks 

    ThemeNectar Support Team 

  •  1
    swatvertising replied
    May 7, 2021 at 5:27am

    Tahir,

    We are almost there!
    I did as You told me so: removed bg color and also image. Still not exactly what I want. See attachment.

    - The red part should be transparant, that the visitor see the marble BG through.
    - The yellow part should be solid color . 

    In custom css part salient the rule is now:

    .nectar-shape-divider-wrap.no-color .nectar-shape-divider {    
    fill: #fffefe4;
    }

    One more try please ;)

    Keep up the good work and I love Salient as THE theme!
    Tnx in advance.

  •  8,402
    Tahir replied
    May 8, 2021 at 1:37am

    Hey Again,

    - The Marble image is below the Yellow part so if we make it solid you wont be able to view the marble image.

    - To make the red part transparent use below css:

    .nectar-shape-divider-wrap.no-color .nectar-shape-divider {    
fill: #efeff19c !important;
}
    Thanks 

    ThemeNectar Support Team