Okay
  Public Ticket #2768619
Salient shape divider
Closed

Comments

  •  2
    swatvertising started the conversation

    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,885
    Judith replied

    Hi There,

    Please try this css:

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

    Thanks.

  •  2
    swatvertising replied

    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,885
    Judith replied

    Hi There,

    Please try this css:

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

    Thanks.

  •  2
    swatvertising replied

    Not working. Now the shaped divider is gone. 

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

    tnx in advance

  •  1,885
    Judith replied

    Hi There,

    Please try this css:

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

    Remove the one i sent earlier.

    Thanks.

  •  2
    swatvertising replied

    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,877
    Tahir replied

    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 

  •  2
    swatvertising replied

    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,877
    Tahir replied

    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