Joomla Templates Club 406,261 posts

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#160423

Hi all,

small issue, I need to adjust the padding around the thumb images in user1 and adjust the padding along the top of user 2 position, could anyone advise where this needs to be altered?

I have looked in the template.css file and managed to see:

#ja-topsl
#ja-botsl

I see that these are related to the module sections but I can not seem to find exactly where the padding for the images and the banner in user 1 and user 2 positions is or being styled from.

see the screen shot below to see what I am referring too!

all help appreciated.

---

Attachments:

1. 

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#377497

Still looking for the style sheet command but can not find it, i am simply trying to change the padding and dimensions of the banner sections shown in the attachment above in positions user1 & user2 on the front page of JA Portfolio.

Any helpers?

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#377525

Can you provide a link to your site

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#377532

Yes here you go: http://www.trademanlocal.co.uk

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#377552

Please go into the template manager and disable css optimization. As you can probably tell, you can only see the compressed code via firebug at present. Disable that and we will be able to tell the correct file to edit.

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#377813

Css Optimisation disabled……

http://www.trademanlocal.co.uk

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#377814

The padding for the user 1 modules is found in the red bit below in template.css at lin 755

.small-gallery {

background:none repeat scroll 0 0 #FFFFFF;
border:5px solid #FFFFFF;
float:left;
height:72px;
margin:5px;
width:72px;

}

If you change that to something like

margin:0 5px;
then the top of your 5 boxes will line up with the banner on the right. You can still adkust the 5px to the spacing you need.

However, if you do need to move the image in the right a little please open layout.css and around line 108 you will find the following code


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

}


Adding somehing like

margin-top:5px;

Could be used to adjust the position

1 user says Thank You to Phill for this useful post

1. swillett

[swillett Friend swillettJoin date: February 2011Posts: 53Downloads:0Uploads:9 Thanks: 14 Thanked: 4 times in 1 posts]

#377818

For the life of me i could not find the css for this; yet within seconds you have found this, thank you Phil, appreciated!

[Author]

Posts