Change image size within article

**GK User** Mon Jul 28, 2014 10:03 am Reply with quote Report this post

Hello.
I would like to change my image size within the articles

printscreen.png

how can I do this?

**GK User** Mon Jul 28, 2014 10:24 am Reply with quote Report this post

You want to use the same image size for all article images in every article? By default template use 100% wide images to make them responsive on smaller screens. If you use pixel value you may have problems on mobile devices.

**GK User** Mon Jul 28, 2014 10:37 am Reply with quote Report this post

I would like to set a smaller image size for all articles. 50-70%. However, if it is possible, please inform me where could I set pixel value for some images. I know about the problems that may appear in mobile devices. Thanks for your time.

**GK User** Mon Jul 28, 2014 2:19 pm Reply with quote Report this post

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all: .img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img { width: [value]px !Important; height: auto }

and then just remember to enable "Use override CSS" option in template advanced settings tab. This code will work for all Joomla articles.

**GK User** Mon Jul 28, 2014 3:30 pm Reply with quote Report this post

mmmm.... although I have enabled override css (that's for sure because other changes work fine) and I entered this code .img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img { width: 50px !Important; height: auto } within override.css file, it doesn't seem to work...... Maybe there is a way to keep the image of the frontpage but then, after enterring the article don't show the same image?

**GK User** Mon Jul 28, 2014 6:04 pm Reply with quote Report this post

s_pitsikal wrote:mmmm.... although I have enabled override css (that's for sure because other changes work fine) and I entered this code .img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img { width: 50px !Important; height: auto } within override.css file, it doesn't seem to work...... Maybe there is a way to keep the image of the frontpage but then, after enterring the article don't show the same image?

I just realized that the articles are changing... the problem is with the K2 items! could you help me with the code for these images? Sorry for the inconvenience....

**GK User** Tue Jul 29, 2014 2:18 pm Reply with quote Report this post

Could you show me your website? Are you sure that you are checking Joomla not K2 article?

**GK User** Tue Jul 29, 2014 2:52 pm Reply with quote Report this post

That's what I wrote in the previous post. It is a K2 item. Can I change the image size within K2 items?

**GK User** Wed Jul 30, 2014 9:30 am Reply with quote Report this post

For K2 articles please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all: .itemImageBlock img { width: [value]px !Important; height: auto }

and then just remember to enable "Use override CSS" option in template advanced settings tab.

**GK User** Wed Jul 30, 2014 10:05 am Reply with quote Report this post

This works fine bkrztuk! Thank you very much.

**GK User** Wed Jul 30, 2014 10:22 am Reply with quote Report this post

bkrztuk one more thing. The quality of the images in the frontpage seems much lower that the original one... why is this happening?

**GK User** Wed Jul 30, 2014 10:26 am Reply with quote Report this post

Could you mark in which area? If you mean News Show Pro module please check Thumbnails settings, probably images are scaled to very small size.

**GK User** Wed Jul 30, 2014 10:36 am Reply with quote Report this post

please check this site http://learn2learn.gr/ at what we do area. Images are very blur.

Yeap! You were right! I found the K2 additional setting tab within News GK5 Pro module and it was small size. I changed it to XL and everything seems fine. Thanks again.