T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Louw van Riet
  2. General Discussion
  3. Sunday, 01 September 2013
  4.  Subscribe via email
I would like to create a shadow around the main body of my site as indicated in the article below. They state that I must create a new ID called "wrapper" to which I can then apply the css in my custom.css file to create such an effect. I am not sure where to create such a wrapper in the T3 framework so I tried to apply the styling in my custom.css file

I was able to apply the effect to the .t3-sl in my custom.css file and it displays correctly on the home page but not the others as it only applies to that one section

.t3-sl{
box-shadow: 0 0 6px #ccc;
padding: 5px
}


Would anyone by able to give me some advice on how to create a wrapper around my whole site so that I can apply the shadow as indicated below? Or is there an existing one that I can apply the styling to?

http://www.joomla-css.nl/index.php/en/joomla-3/create-your-own-template-for-joomla-3/step-3-modify-the-base-template-joomla-3/create-a-border-and-a-box-shadow-around-the-page

My temp site: http://family1stnutrition.com/

I would really appreciate any help

Kind Regards,

Louw
References
  1. http://family1stnutrition.com/
  2. http://www.joomla-css.nl/index.php/en/joomla-3/create-your-own-template-for-joomla-3/step-3-modify-the-base-template-joomla-3/create-a-border-and-a-box-shadow-around-the-page
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Louw van Riet,

.t3-sl is for T3 spotlight general rule and they often use in homepage.
When you are on another page (which are using default template style), you should check for .t3-mainbody

Please use inspector to check which tag to add box-shadow style.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.