Public Forums 71,145 posts

[congeladosemcasa Friend congeladosemcasaJoin date: April 2006Posts: 31Downloads:2Uploads:2 Thanks: 2 Thanked: 6 times in 1 posts]

#169984

Hello everyone:

I’m having some trouble trying to style my spotlight positions.
I wish to apply a background and some padding to “#ja-topsl .main-inner1”, and it works, but the module on the right (it gets a “ja-box-right” sufix appended) is left outside the “.main-inner1” div, which is odd, because that is supposed to be a all-around div made to get this kind of styling done.

So… why is “ja-box-right” outside the “.main-inner1” div?

I’m using J1.7.2 and JAT3 2.0 (all the latest versions).

Thanks for your attention and best regards to all.

Rui Braz

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#421177

Hi,
Could you give me a link to your page as you said?

[congeladosemcasa Friend congeladosemcasaJoin date: April 2006Posts: 31Downloads:2Uploads:2 Thanks: 2 Thanked: 6 times in 1 posts]

#421178

Hi khoand:

Thanks about the fast reply. I was about to write another post, because I found a way around the issue: in the layout.css file (under the JAT3 system plugin; better copy this to the template folder before making changes to it), there is some css for the “.ja-box-right” div. It goes like this:

.ja-box-right { position: absolute; right: 0; }

This forces the last module on a spotlight to always stay at the right, no matter what padding one puts into main-inner1.
I changed it to this:

.ja-box-right { position: relative; float: left; }

Now the module behaves like the ones on its left.

Why is this useful? In JAT3, the same value is used to set both the margins between modules in a spotlight and the margins between the modules and the horizontal limits of the website.
By making the “.ja-box-right” behave like the other modules on the spotlight, it is possible to set different margins, using the “.main-inner1” padding to set the margins to the horizontal limits of the website.

Best regards,

Rui Braz

1 user says Thank You to congeladosemcasa for this useful post

1. khoand

[socoweb Friend socowebJoin date: April 2008Posts: 30Downloads:8Uploads:1 Thanked: 5 times in 1 posts]

#421530

<em>@congeladosemcasa 278204 wrote:</em><blockquote>Hi khoand:

Thanks about the fast reply. I was about to write another post, because I found a way around the issue: in the layout.css file (under the JAT3 system plugin; better copy this to the template folder before making changes to it), there is some css for the “.ja-box-right” div. It goes like this:

.ja-box-right { position: absolute; right: 0; }

This forces the last module on a spotlight to always stay at the right, no matter what padding one puts into main-inner1.
I changed it to this:

.ja-box-right { position: relative; float: left; }

Now the module behaves like the ones on its left.

Why is this useful? In JAT3, the same value is used to set both the margins between modules in a spotlight and the margins between the modules and the horizontal limits of the website.
By making the “.ja-box-right” behave like the other modules on the spotlight, it is possible to set different margins, using the “.main-inner1” padding to set the margins to the horizontal limits of the website.

Best regards,

Rui Braz</blockquote>

This solution solves the problem that MANY users (including myself) have had with adding a spotlight position under or above the middle content. This change to the CSS now allows me to add a spotlight position to the middle and have each module evenly spaced!

[Author]

Posts