Author Topic: change size on brands scrolling block  (Read 8151 times)

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1798
  • Karma: +520/-7
    • View Profile
change size on brands scrolling block
« on: November 15, 2013, 02:48:38 PM »
I haven't been successful in finding where to change the display size on the Brands Scrolling for the manufacturers on the html5   template home page.

I have changed  the settings > appearance to 80 x 57 and that works on the product pages for the manufacturer but the setting on the home page Brands Scrolling remains at 57 x 57.

Thanks in advance for the help.


Offline abantecart

  • Administrator
  • Hero Member
  • *****
  • Posts: 4359
  • Karma: +298/-10
    • View Profile
    • Ideal Open Source Ecommerce Solution
Re: change size on brands scrolling block
« Reply #1 on: November 15, 2013, 04:51:39 PM »
There is no specific setting for image size in this brand carousal. This is set in css

storefront/view/default_html5/stylesheet/style.css

Code: [Select]
#popularbrands img.internal {
    height: 56px;
}
Please  rate your experience or leave your review
We need your help to build better free open source ecommerce platform for everyone. See how you can help

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1798
  • Karma: +520/-7
    • View Profile
Re: change size on brands scrolling block
« Reply #2 on: November 16, 2013, 05:54:58 PM »
the height of 56 or 57 is okay,  how/where can I alter the width?   Most of my brands seem to display better at rectangle as opposed to current square.


Offline shawnlg777

  • Newbie
  • *
  • Posts: 20
  • Karma: +3/-0
    • View Profile
    • Lite House Media
Re: change size on brands scrolling block
« Reply #3 on: December 10, 2016, 11:02:51 PM »
I know that you have probably figured this out but I thought I would pass on what I learned to help the next guy.

This is what I did and it helped me. 

The first thing I did was change this in style.css:

#popularbrands img.internal {
    height: 56px;
}

to this

#popularbrands img.internal {
    height: 156px;
    width: 156px;
}

Then I went into my template through the admin section where you change your logo and change these settings
Brand Icon List Width:
Brand Icon List Height:

Everything looked perfect for me.  This took like two hours to figure out.  I hope it helps someone else!
« Last Edit: December 10, 2016, 11:07:01 PM by shawnlg777 »

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1798
  • Karma: +520/-7
    • View Profile
Re: change size on brands scrolling block
« Reply #4 on: December 11, 2016, 09:47:05 AM »
Thanks for posting your fix -  I just have one wee suggestion to help as these post stay for years (my original one is 3 years old),  if we add the AbanteCart version that our fixes are for it will also be helpful to others.

Lee

 

Database Error

Please try again. If you come back to this error screen, report the error to an administrator.