Support How can I do it?

Compatible XF Versions
2.3
Solution
No side-bar. They are categories and I couldn't make such a curved shadow with css codes. For example.
CSS:
.block-container{background:#ececec; box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE; padding-left: 15px;padding-right: 15px;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px}
.block-container{padding-top:15px;padding-bottom: 15px}

Narges

Registered
How to make category block shadows
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 then paste then following to your EXTRA.CSS template
CSS:
.sidebar .section:after {
   background: url("@imagePath/xenforo/gradients/sidebar-shadow.png") no-repeat scroll center bottom transparent;
   content: "";
   position: relative;
   display: block;
   height: 30px; }
 

Black_

Registered
No side-bar. They are categories and I couldn't make such a curved shadow with css codes. For example.
CSS:
.block-container{background:#ececec; box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE; padding-left: 15px;padding-right: 15px;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px}
.block-container{padding-top:15px;padding-bottom: 15px}
 
Solution
  • Tags
    body categories shadow
  • Back
    Top Bottom