Joomla Templates Club 406,261 posts

[gws2 Friend gws2Join date: December 2010Posts: 17Downloads:0Uploads:1 Thanks: 2]

#170889

Hi there!

For some reason whenever images on the front page (home) are aligned RIGHT of text, they always appear aligned LEFT of the text.

In addition, to appearing on the wrong side, the text to the right of the image is partly covered by the image – despite using margins to create space around the image. (Please see attachment)

This covering of text, also happens when the image is intentionally aligned to the LEFT of the text.

Thankfully, this issue is only appearing on the front or homepage of the site.
According to Firebug the image is aligned right, so am not sure where to look next, or how to fix this.

I would appreciate any help with regard to this issue.

Cheers
GWS2

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425531

Hi gws2

Wich editor are you using ?

[gws2 Friend gws2Join date: December 2010Posts: 17Downloads:0Uploads:1 Thanks: 2]

#425608

Hi Pavit

Using latest versions of jA template, JCE Editor and Joomla 1.7.

Thanks for response
GWS2

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425655

Hi gws2

Try to make these changes from your backend

Go to Content –> Article Manager –>On the up right menu click on Options button, on the popup choose Text Filters Tab at the

bottom of Filter Groups for Super Users set on No Filtering .

Save and clean your cache

[gws2 Friend gws2Join date: December 2010Posts: 17Downloads:0Uploads:1 Thanks: 2]

#425662

Hi Pavit,

When to location but this was already set for No filtering.

Thanks
GWS2

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425666

Could you send me via Private Message the account login for your backend ? i’ll take a look

Thanks

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425684

Hi

I have placed a sample article ” test image align” on your homepage could you check the img class and try to replicate this with your articles ?

Thanks

[gws2 Friend gws2Join date: December 2010Posts: 17Downloads:0Uploads:1 Thanks: 2]

#425739

Hi Pavit

Thanks, but if you re-read my initial post, the issue is two fold.

The class, ‘image-border’, does cause the image to be clear of the text, which is great!.
However, this fix does not address the second issue which is that the image will not align to the right of the text.

That is, the ‘image-border’ class seems to automatically align images to the left of the text, and clear of the text, but when align right is added to the image it still has no affect.

Kind regards
gws2

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#425746

To manage the right alignment you must work on the class

.blog-featured .contentpaneopen.haveimage .blogitem

in the template.css and found the correct alignment for your needs

[gws2 Friend gws2Join date: December 2010Posts: 17Downloads:0Uploads:1 Thanks: 2]

#425790

Hi Pavit

Thanks for that class location:

.blog-featured .contentpaneopen.haveimage .blogitem {
float: left;
margin-left: 175px;
min-height: 100px;
padding: 0 10px ;
} */

How would I set that class to allow the choice of right or left image alignment, rather than right only or left only?

I also notice that even when the ‘float:left’ property is set to ‘float:right’, it makes no difference.
That is, the image still aligns to the left of text.

Thanks
gws2

[Author]

Posts