1. Helix3
  2. Saturday, 27 April 2019
Hello Joomshaper Suporters !
I am using Helix3, when i publish the articles, the intro image and the intro content like this picture below. Please tell me how to shorten the distance. Can i take the intro content further to the left ?
Thanks for all !
Best regards
distance.png
Attachments (1)
Responses (7)
:(
  1. more than a month ago
  2. Helix3
  3. # 1
Try to change margin and padding CSS options. margin-left or right, same padding. And don't forget that margin could be negative. like margin-left: -50px;

I am not from support, just saw your problem and think that i could help)) have fun!
  1. more than a month ago
  2. Helix3
  3. # 2
Try to change margin and padding CSS options. margin-left or right, same padding. And don't forget that margin could be negative. like margin-left: -50px;

I am not from support, just saw your problem and think that i could help)) have fun!
thank you sir :D but i do not know where to edit :(
  1. more than a month ago
  2. Helix3
  3. # 3
I don’t think your problem is related to Joomshaper products. It seems that you have made a customization of the template output articles joomla core and where it made a mistake.
The standard layout is the image above, the text below. On your site - the image on the left, the text on the right - this is a clear sign of customization.
If you look at the code, then in general everything is arranged correctly - the image container has such dimensions as it should be. The problem lies in the size of the image itself. You have an image width set at 70% (of the container width), so you get a large distance to the right.
1111.jpg
It looks like you also made changes to template.css by setting the image width to 70%. By default there should be 100%. Never make changes to the template.css file. If you need to apply your own css code, use the custom.css file. You can read all about this in the Helix 3 documentation.

If you change this to 100%, the image is arranged as needed.
222.jpg
Explore the possibilities for editing output templates on joomla.org. Find and correct your error
Attachments (2)
  1. more than a month ago
  2. Helix3
  3. # 4
I don’t think your problem is related to Joomshaper products. It seems that you have made a customization of the template output articles joomla core and where it made a mistake.
The standard layout is the image above, the text below. On your site - the image on the left, the text on the right - this is a clear sign of customization.
If you look at the code, then in general everything is arranged correctly - the image container has such dimensions as it should be. The problem lies in the size of the image itself. You have an image width set at 70% (of the container width), so you get a large distance to the right.
[attachment]1111.jpg[/attachment]
It looks like you also made changes to template.css by setting the image width to 70%. By default there should be 100%. Never make changes to the template.css file. If you need to apply your own css code, use the custom.css file. You can read all about this in the Helix 3 documentation.

If you change this to 100%, the image is arranged as needed.
[attachment]222.jpg[/attachment]
Explore the possibilities for editing output templates on joomla.org. Find and correct your error

Thank you sir, with the original template.css ( image-width: 100% ), on the front-end, the intro image was reached to intro content so i changed it to 70%
I had changed to 100% but the fron-end dispaly is not very attractive
pic.png
Attachments (1)
  1. more than a month ago
  2. Helix3
  3. # 5
You can add margin-right for image container.
  1. more than a month ago
  2. Helix3
  3. # 6
You can add margin-right for image container.
thanks sir
  1. more than a month ago
  2. Helix3
  3. # 7


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.