Frontpage articles - different sizes of images in columns

Fashion and clothing responsive Joomla ecommerce template with full VirtueMart support and advanced store features.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Sep 19, 2013 9:07 am
Reply with quote
Report this post
Using Shop&Buy Quickstart.

On the frontpage/home I have a sidebar on the left and three columns for the articles ("featured articles").
http://www.pfaffstaller.com/2014/

The article in the middle column shows a smaller image than the ones right and left.
The right and left images are scaled to 237px × 237px.
The middle image is scaled to 227px × 227px. Even when I use the same original image.
Does not look nice.
The image manually put inside the article or made with "Images+Links" - same result.

How can I make it scaling every image to the same size? What does cause this difference?
User avatar
Junior Boarder

GK User
Thu Sep 19, 2013 10:30 am
Reply with quote
Report this post
I have reported that as a bug to our devteam, I'll write back as soon as the fix is ready.
User avatar
Moderator

GK User
Thu Sep 19, 2013 1:31 pm
Reply with quote
Report this post
Cyberek wrote:I have reported that as a bug to our devteam, I'll write back as soon as the fix is ready.


One addition:
When I use more than just one row (with 3 columns) - the whole content area is going down about 30, 40 pixels. There is a gap between the slideshow and the first row of articles.

This gap disappears when I use only one songle row.
User avatar
Junior Boarder

GK User
Thu Sep 19, 2013 1:52 pm
Reply with quote
Report this post
Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:
Code: Select all
.cols-3 .column-2 {
  padding-left: 5px;
  padding-right: 5px;
 }

Remember to enable "CSS override" in template settings - advanced section.

Permanent fix will be released with next theme update.
User avatar
Moderator

GK User
Thu Sep 19, 2013 2:23 pm
Reply with quote
Report this post
Cyberek wrote:Please edit: /templates/gk_shop_and_buy/css/override.css and add at its end:
Code: Select all
.cols-3 .column-2 {
  padding-left: 5px;
  padding-right: 5px;
 }

Remember to enable "CSS override" in template settings - advanced section.

Permanent fix will be released with next theme update.


Thank you - works fine. :lol:

Anything about my second question (the gap when using 2 coulumns)
:?:
User avatar
Junior Boarder

GK User
Thu Sep 19, 2013 3:29 pm
Reply with quote
Report this post
Could You make 2 screenshots - one with the gap and second without, and then give me an url to place where I can see the gap?
User avatar
Moderator

GK User
Thu Sep 19, 2013 4:30 pm
Reply with quote
Report this post
Cyberek wrote:Could You make 2 screenshots - one with the gap and second without, and then give me an url to place where I can see the gap?


Now using 6 articles in 2 rows (3 columns): http://www.pfaffstaller.com/2014/
...this makes a gap between slideshow and articles:
screenshot-2-rows.jpg


1 single row (only 3 articles) is ok:
screenshot-1-row.jpg
User avatar
Junior Boarder

GK User
Sat Sep 21, 2013 11:46 am
Reply with quote
Report this post
Code: Select all
section.blog-featured .items-row {
margin-top: 0px;
}
User avatar
Moderator

GK User
Tue Sep 24, 2013 9:26 am
Reply with quote
Report this post
Cyberek wrote:
Code: Select all
section.blog-featured .items-row {
margin-top: 0px;
}

thank you! :D
User avatar
Junior Boarder

GK User
Fri Sep 27, 2013 9:12 am
Reply with quote
Report this post
No problem.
User avatar
Moderator


cron