Joomla Templates Club 406,261 posts

[colin1boulter Friend colin1boulterJoin date: May 2008Posts: 4Downloads:0Uploads:0 Thanks: 2]

#143709

Hello

I have installed the JA Zinc Template and Joomla 1.5.

Can anybody help?

I am trying to apply Horizontal and Vertical spacing to an image within an article. Everytime I press save or apply the Vertical/Horizontal spacing I have entered it is cancelled out.

Thanks

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#315316

hi..any live link that you can show to help you solve the problem…

[colin1boulter Friend colin1boulterJoin date: May 2008Posts: 4Downloads:0Uploads:0 Thanks: 2]

#316108

Hello

Yes here is a live link…if you look at the top of the image you will see it is squashed up against the pdf and print icons.

http://74.52.141.93/~anne/index.php?option=com_content&view=section&layout=blog&id=1&Itemid=55

Thank you in advance for your help

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#316116

Hi

For this what you will need to do is this

open the file >templates>ja_zinc>css>template.css

then create a new class…

.article-content img {
padding:10px;
}

padding would be how much h/v space u would like to keep. I have mentioned 10 but you can keep it to how much you want.

this would solve ur problem of spacing

1 user says Thank You to prakash for this useful post

1. colin1boulter

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#316117

Hi colin1boulter,

To me on my firefox 3.5.2, it seems that the pdf, email and print icons are overlapping onto the image.
may be you can try the following to separate the icons from overlapping the images :

open your template.css at line : 457

edit this code :

<blockquote>/* META
——————————————————— */
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 0;
position: relative;
}
</blockquote>

To

<blockquote>/* META
——————————————————— */
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 5px;
position: relative;
}
</blockquote>

Regarding your first question. I am bit confused. May be you can elaborate a bit.

Arvind

1 user says Thank You to Arvind Chauhan for this useful post

1. monick

[Author]

Posts