Topic Resolution: Resolved
  • Creator
    Topic
  • #26044

    Jon Green
    Spectator
    Been thanked: 2 times

    Hi,

    Is it possible to either change the bottom border colour of the sticky header or add a shadow too it please? I’d like to make it a bit more defined from the rest of the page when scrolling.

    I think I’d prefer a shadow if possible though.

    http://paulgreenhifi.co.uk/

    Regards, Jon

Viewing 5 replies - 1 through 5 (of 5 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3228
    Been thanked: 129 times
    #26085 |

    Hi,

    Please use the following in Theme Options -> Custom CSS
    It will produce a bottom border.

    You can change #f1f1f1 to other color hex code.

    Thank you

    Jon Green
    Spectator
    Post count: 20
    Been thanked: 2 times
    #26125 |

    That’s excellent thank you! 🙂

    Is it possible to have a shadow instead? I’d be interested to see if what it looks like.

    Regards,

    Jon

    Denzel Chia
    Moderator
    Post count: 3228
    Been thanked: 129 times
    #26156 |

    Hi,

    It’s difficult to make shadow work properly in all browsers.
    You can use this tool http://www.cssmatic.com/box-shadow to generate the css code and put them within above mentioned css code.

    Thank you

    Jon Green
    Spectator
    Post count: 20
    Been thanked: 2 times
    #26166 |

    Thank you. Works a treat! 🙂

    I have kept the border and shadow in the CSS in case a certain browser does on show the shadow.

    Regards,

    Jon

    Denzel Chia
    Moderator
    Post count: 3228
    Been thanked: 129 times
    #26184 |

    You are welcome.

    Thank you

Viewing 5 replies - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.