Centre & widen User1 & User2 positions in Spotlight area? - Joomla! Forum - community, help and support

i have the

- "latest news" module set display in "user1" position in spotlight area and
- "popular" module set display beside in "user2" position.

i'm doing on narrow screen version of ja_purity template , want figure out how these positions centered within spotlight area (they show toward left - leaving big wide gap right).

i want learn how widen each of 2 modules themselves. 1 or 2 article headings featured in modules quite long , going onto second line. there way have modules expand automatically allow longer article titles (or expansion governed user1, user2 styles?

any ideas?

thanks.

okay. may have figured out - not it.

(note: i've since started using postion "user5" in spotlight area display template options client - switch off when they're satisfied).

firebug shows me following going on in spotlight area:

user1 (latest news): div class="ja-box-left" style="width: 22%;"
user2 (popular): div class="ja-box-center" style="width: 38.5%;"
user3 (template chooser): div class="ja-box-right" style="width: 38.5%;"

so i'm hoping setting widths 33.3% ensure distribution of 3 user positions (and content) across spotlight area.

however - , i'm not using v. yet - firebug isn't helping me locate file(s) wherein need make changes. tells me

code: select all

element.style { width: 22%; }

.

i've searched files ja_purity > css > template.css. styles > elements folders , many subfolder , files too. have had no luck yet - , it's beginning me.

can please point me toward right place?

thanks,
sean
(and, yeah, know it'll glaringly obvious when read answer )