Joomla Templates Club 406,261 posts

[shikar Friend shikarJoin date: May 2007Posts: 29Downloads:0Uploads:3 Thanks: 5 Thanked: 2 times in 1 posts]

#154433

Hi,
The image at the start of an article is not in line with the text. It is to high. I use class “img-border left”. How can I get the top-border of the image on the same level as the text?

You can see it here: http://www.decodeurbeslag.nl/nieuw/entra-deurbeslag

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#356019

You open the file: nieuw/templates/ja_droid/css/template.css and find the following code:

.article-content img {
margin-top: 15px;
margin-bottom: 15px;
}

replace:

.article-content img {
margin-top: 15px!important;
margin-bottom: 15px;
}

1 user says Thank You to Saguaros for this useful post

1. shikar

[shikar Friend shikarJoin date: May 2007Posts: 29Downloads:0Uploads:3 Thanks: 5 Thanked: 2 times in 1 posts]

#356050

This works great. Thanks tienhc.

[relaisluynes Friend relaisluynesJoin date: August 2010Posts: 50Downloads:0Uploads:13 Thanks: 12]

#356682

<em>@tienhc 194653 wrote:</em><blockquote>You open the file: nieuw/templates/ja_droid/css/template.css and find the following code:

.article-content img {
margin-top: 15px;
margin-bottom: 15px;
}

replace:

.article-content img {
margin-top: 15px!important;
margin-bottom: 15px;
}

</blockquote>

I have same problem. I changed the HTML code as you specified but nothing changed. Maybe it does not apply to my module? It is the User4.

Also, my font in User1 module changed to Times Roman, same as the User4 module, while the module next to it remained in correct font. Where do I correct that? Here is picture and my website is: http://www.relaisdeluynes.com

---

Attachments:

1. 

[shikar Friend shikarJoin date: May 2007Posts: 29Downloads:0Uploads:3 Thanks: 5 Thanked: 2 times in 1 posts]

#356701

It looks like you have to set the image attribute to “left”. This will align the text to the top of the image.

[relaisluynes Friend relaisluynesJoin date: August 2010Posts: 50Downloads:0Uploads:13 Thanks: 12]

#356703

It worked…thank you very much!

Question: how can I get more spacing between the picture and the text?
The text is right next to the picture and it doesn’t look very good.

Also, when I pasted my text from Word, it changed to Times; so I changed it back to the original font through the HTML code but is there another way that is less tedious?
Thanks again,
Helene

[shikar Friend shikarJoin date: May 2007Posts: 29Downloads:0Uploads:3 Thanks: 5 Thanked: 2 times in 1 posts]

#356727

Hi Helene,

For more space between the picture and the text use “Horizontal space” and “Vertical space” in picture appearance. Set the number of pixels you want as space between the picture and the text.

Your second problem: Don’t copy from word to Joomla. Copy first to wordpad and from wordpad to Joomla. Otherwise you also copy the styling. This is the cause of the change in font. If you copy from wordpad it is clean code without font information.

Good luck,
Shikar

1 user says Thank You to shikar for this useful post

1. relaisluynes

[relaisluynes Friend relaisluynesJoin date: August 2010Posts: 50Downloads:0Uploads:13 Thanks: 12]

#356814

Great! Thank you!!

[Author]

Posts