Diagonal shadow under sidebar blocks v1

[Shelley]

Shelley submitted a new resource:

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

View attachment 44994

Summary: This will display diagonal shadows under each block (or it should) but I must warn this depends on the type of design the sideblocks are because these shadows would not look good on the default sidebar blocks or certain designed sideblocks.

The release is basically if you have the design that calls for it and you like it then upload the image into your /gradients folder and...

Read more about this resource...

 

[Gabby]

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!

 

[Shelley]

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

guessing here but you can try

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

 

[borbole]

You are on a roll Shelley Keep up the great work

 

[erich37]

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


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 !

 

[Shelley]

Try adding

.visitorPanel .section:after {display: none;}

But it appears fine on my visitorpanel

 

[erich37]

Try adding

.visitorPanel .section:after {display: none;}

But it appears fine on my visitorpanel

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

 

[Shelley]

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

Link to site.

 

[erich37]

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.

 

[Shelley]

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.

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

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]

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

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.

LOL ... you still have more hair than most guys here on XF

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

 

[erich37]

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!

 

[Shelley]

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!

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.

 

[jazz_aaf]

doesn't work on RTL styles.

Edit: Sorry, it worked after several refreshes.

 

[tommydamic68]

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.

 

[Blatchy]

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.

View attachment 74195

you ever get this one figured out?

 

[tommydamic68]

you ever get this one figured out?

Nope. Removed from my site.

 

[Osman]

try in this way to visitorpanel

.section.visitorPanel:after {
    display: none !important;
}

 

[tommydamic68]

you ever get this one figured out?

try in this way to visitorpanel

.section.visitorPanel:after {
    display: none !important;
}

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