Joomla Templates Club 406,261 posts

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#158826

Hi guys i have been on the JA Nickel template for sometime.

I have been using hspace=”10″ and vspace=”10″ with my images which left a nice border between the image and text. I have hundreds of articles with images and sometimes i use the default ‘caption’ option for my images.

However after upgrading my template to JA Teline IV all my text are touching my images right upto the neck. I checked the code and the hspace, vspace is still there. If i go into editor mode i can see the article fine with the hspace/vspace border applied but this does not show on the main website anymore after applying this template.

Can anybody tell me how i can reinstate the hspace, vspace html to work with this template please?

Ive seen other solutions with css, however i do not want to apply a css image fix for all my images.. as i will be using some images on the default ‘caption’ option which is provided.. so i really dont want the css to affect all my images except the ones i specify.

Any help would be great.

The JA Nickel template allowed me to use hspace, vspace i really would like it back for my ja teline vi.

Thank you all.

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

#372058

You can change this::

.thumbnail * {style.css (line 22)
float: none !important;
margin: 0 !important;
}

to

.thumbnail * {style.css (line 22)
float: none !important;
margin: 0;
}

Css file reference:: plugins/content/plg_jathumbnail/style.css

If you wish to add margin manually for images and also, use content thumbnail plugin.

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#372082

<em>@aman204 215292 wrote:</em><blockquote>You can change this::

.thumbnail * {style.css (line 22)
float: none !important;
margin: 0 !important;
}

to

.thumbnail * {style.css (line 22)
float: none !important;
margin: 0;
}

Css file reference:: plugins/content/plg_jathumbnail/style.css

If you wish to add margin manually for images and also, use content thumbnail plugin.</blockquote>

Hello and thank you.

I am using the template not the jumpstart.

Yes i want to add margin manually for images and also, use content thumbnail plugin by choice.

Will this automatically fix the problem i am having and i can continue using hspace, vspace?

I also dont see a /plg_jathumbnail/style.css from following: plugins/content/plg_jathumbnail/style.css

Hear from you soon.

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

#372265

If you arent using plugin titled Thumbnail for Joomla content i.e. the plugin told above, hspace and vspace would work

But, If you are using specific plugin, Please make change above to have specific properties in effect

[kayz Friend kayzJoin date: October 2009Posts: 127Downloads:0Uploads:10 Thanks: 11 Thanked: 7 times in 1 posts]

#372271

<em>@aman204 215573 wrote:</em><blockquote>If you arent using plugin titled Thumbnail for Joomla content i.e. the plugin told above, hspace and vspace would work

But, If you are using specific plugin, Please make change above to have specific properties in effect</blockquote>

I have an idea. I think i will use css from now on.

I was able to successfully replace all the hspace/vspace with a css class by executing SQL string via MySQL, i then created a css class to give me the desired effect,

Thank you very much for your help.

[Author]

Posts