Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Float left and right mismatch text distance from image

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I've noticed that for articles, when you choose the 'Full Article Image' under the 'Image and link' tab the left float has the text very very close to the image but the right float is just fine. How do I push out the text from the image when I float it left. I want it the same distance as the float right.
flotleft.png


floatRight.png
  • Danon Knox's Avatar
  • Danon Knox
  • 6 Month Developer
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Do you have a link for the example?

Looking at the site on the right I think the distance is relating to the length of the text content

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I sure do

www.scyteam.org/index.php/back-in-times-dance

www.scyteam.org/index.php/events

I don't think it's the length of the text contents otherwise the problem would have re-surfaced when the image was floated right. But this does not happen if the image is floated right.
  • Danon Knox's Avatar
  • Danon Knox
  • 6 Month Developer
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Looking at the source code / css view I don't see any differences other than a float left or right

I'd test this by pasting in some filler text and see if its the same - I think it will be

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
It add margin to the left image try adding

.pull-left.item-image {margin-right:1em}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For the right it looks the same apart so try

.pull-right.item-image {margin-left:1em}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Where do I add this?
  • Danon Knox's Avatar
  • Danon Knox
  • 6 Month Developer
  • 197 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

You would add the css to your custom css file

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers