Set image size for article image - Forum | JoomShaper
Staff replied Helix Framework

Set image size for article image

Asked by Peter Klinke 4 years ago Last activity 4 years ago

When I add an image to an joomla article it is shown very large on top of the article.

  • Is it possible to set a smaller size for this image?
  • Is it possible to place the image below the titel?

6 replies

Paul Frankowski Senior Staff

Hi Peter,

  1. Yes, In Template Options > Blog > Images Sizes > Large - change size, but you have to upload image again to resize it
  2. Yes, but it request using custom CSS, with CSS order Property for classes.
Paul Frankowski Senior Staff

Example custom CSS:

.article-details { display: grid;}
.article-details .article-header {order: 1;}
.article-details .article-full-image {order: 2;}
.article-details .article-info {order: 3;}
.article-details .article-ratings-social-share {order: 4;}
Peter Klinke Asked this

Hi Paul,

thank you very much for quick response!

Fine, so here I was already right in Template options but was wondering why nothing changed after reducing the image size here.

What do you mean exactly with upload again? The images are already stored on the webspace in joomla image folder. What's the way to reduce the image size? Note: This are joomla articles.

The other part I will try tomorrow.

Paul Frankowski Senior Staff

Yes, you have to remove old image and upload this same again, then Helix would be able to resize to correct resolution. It cannot do that with already uploaded images, in theory you can do that manually but it also takes time.

Peter Klinke Asked this

But it is an joomla article. So neither pagebuilder nor helix will know that's the file is new if I do anupload..with joomla media manager or jce .?

Paul Frankowski Senior Staff

If in Blog Options tab - it's from helix.

If in Images & Links tab - it's from Joomla, so you don't have to upload again, but Helix settings do not touch images from that area.

Log in to reply.