Okay
  Public Ticket #3400734
sticky column + shadow/rounded edges
Closed

Comments

  •  7
    dickytall started the conversation

    Hi guys,

    When you activate the sticky option (css or js) the shadow & rounded corners of that column get ignored.


    1023256717.png
  •  8,839
    Tahir replied

    Hey,

    Please provide the page url so that i can write up the custom css for whats possible.

    Thanks


    ThemeNectar Support Team 

  •   dickytall replied privately
  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .wpb_column[data-shadow=small_depth] >.n-sticky>.vc_column-inner>.column-bg-overlay-wrap {
        box-shadow: rgba(0,0,0,.04) 0 1px 0,rgba(0,0,0,.05) 0 2px 7px,rgba(0,0,0,.06) 0 12px 22px;
    }
    .wpb_column[data-shadow=small_depth] >.n-sticky>.vc_column-inner>.column-bg-overlay-wrap .column-bg-overlay {
        border-radius: 40px;
    }

    Thanks


    ThemeNectar Support Team 

  • Anthony replied

    hallo 

  • Anthony replied

    255742368544

  •  1,877
    Judith replied

    Hi Anthony,

    Please let us know whether you tried the css sent earlier by @Tahir . Please let us know how that was for you.

    Thanks.

  • Anthony replied

    I have tried to open this page but  I don't know what I can do in this account 

  •  1,877
    Judith replied

    Hi Anthony,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .wpb_column[data-shadow=small_depth] >.n-sticky>.vc_column-inner>.column-bg-overlay-wrap {    box-shadow: rgba(0,0,0,.04) 0 1px 0,rgba(0,0,0,.05) 0 2px 7px,rgba(0,0,0,.06) 0 12px 22px;
    }
    .wpb_column[data-shadow=small_depth] >.n-sticky>.vc_column-inner>.column-bg-overlay-wrap .column-bg-overlay {    border-radius: 40px;
    }

    Thanks