1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Diagonal shadow under sidebar blocks v1

This guide allows for a diagonal shadow under sidebar blocks.

  1. Shelley

    Shelley Well-Known Member

    Shelley submitted a new resource:

    Diagonal shadow under sidebar blocks - This guide allows for a diagonal shadow under sidebar blocks.

    Read more about this resource...
    ManuTdi, Miner, erich37 and 1 other person like this.
  2. Gabby

    Gabby Well-Known Member

    This is great Shelley and looks excellent on my sidebar!!! Thank you so much. I have one question. The shadow also shows up below my "recent threads" block in xenporta. How can I stop this from happening?
    Again, thank you so much for all your great mods!

  3. Shelley

    Shelley Well-Known Member

    Could i get a link to the page with the issue?

    guessing here but you can try

    #recentNews .section:after { display: none; }
  4. borbole

    borbole Well-Known Member

    You are on a roll Shelley :D Keep up the great work :)
    Gabby and Shelley like this.
  5. erich37

    erich37 Well-Known Member

    wow, that looks great and gives a nice 3-D effect. (y)

    not sure why, but the CSS moved my Account (the top-box containing my own avatar-image at the sidebar) to the very bottom of the sidebar.

    Thanks so much !

  6. Shelley

    Shelley Well-Known Member

    Try adding

    .visitorPanel .section:after {display: none;}
    But it appears fine on my visitorpanel
  7. erich37

    erich37 Well-Known Member

    I added this code into extra.css , but it does not change anything.....
  8. Shelley

    Shelley Well-Known Member

    Link to site.
  9. erich37

    erich37 Well-Known Member

    Sorry.... it was a mistake on my side. I hade some issues with the Widget-Addon for the sidebar.

    Shelley, your CSS-code works just perfect. (y)

  10. Shelley

    Shelley Well-Known Member

    Oh it's too late now I pulled my hair out 5 minutes ago. :cautious: :D

    I got it working on each individual sideblock minus the board stats (that was a PIA) and looking in firebug it's coded differently from the rest with the structure differing slightly.
    erich37 likes this.
  11. erich37

    erich37 Well-Known Member

    LOL ... you still have more hair than most guys here on XF :D;)

    I checked again and the "bd Widget Framework Addon" is actually causing the issues, e.g.: at the "Members-Tab" your "shadow-image" shows twice at the "Find Member Box".
    Hopefully we can get some Widgets in XF-core, as some Addons seem not to be properly coded.....

    Anyway, the graphics and CSS of Shelley are superb :)
  12. erich37

    erich37 Well-Known Member

    It would be great to also have this shadow-image at the "Node-List", so that it looks consistent with the sidebar.

    How would I go about to apply this shadow towards the "Node-List" ?

    Appreciate your help!

  13. Shelley

    Shelley Well-Known Member

    You will need for someone to post another resource to get support for that I'm afraid, since this is purely for the sidebar.

    I was going to post something i just did but i don't want to support it so I'll leave that for someone else to post, sorry.
  14. jazz_aaf

    jazz_aaf Active Member

    doesn't work on RTL styles.

    Edit: Sorry, it worked after several refreshes.
    Last edited: Jul 22, 2013
  15. tommydamic68

    tommydamic68 Well-Known Member

    Great effect @Shelley - perhaps you could help me with this issue - it sort of doubles up on a block. Only on these two, the others are fine.

    Screen Shot 2014-05-21 at 8.47.19 PM.png
  16. Blatchy

    Blatchy Active Member

    you ever get this one figured out?
  17. tommydamic68

    tommydamic68 Well-Known Member

    Nope. Removed from my site.
  18. Osman

    Osman Member

    try in this way to visitorpanel (y)

    .section.visitorPanel:after {
        display: none !important;
  19. tommydamic68

    tommydamic68 Well-Known Member

    Will give it a go tonight @Osman - hope it works, loved the look on my site.

Share This Page