Author Topic: How to get my images to fit banner size  (Read 2905 times)

Offline flyn

  • Full Member
  • ***
  • Posts: 142
  • Karma: +8/-0
    • View Profile
How to get my images to fit banner size
« on: July 30, 2014, 04:42:03 PM »
http://www.hygienics.com/store/

If you got there I have two rotating banner images. I made the images the same size as the banner (blue rectangle) but for some reason the banner reduces them in size.

How can I fit them so they cover the whole area? It does not look good with the blue around.

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1312
  • Karma: +331/-2
    • View Profile
Re: How to get my images to fit banner size
« Reply #1 on: July 30, 2014, 05:11:36 PM »
Hey Victor -  you're making progress on your site!

Okay -  the banner slides are set to be 1100 X 360 px   - that's the entire slide area

You can also alter the background color (it will be the same for every slide) 

code is found there:

storefront/view/default_html5/stylesheet/onebyone.css

On my editor it is:
line 139 change: change the background:# to your color choice)
.banner_conteiner .oneByOneSlide { background:#00A1CB url(../image/banner_shadow.png) center top no-repeat; }

Lee

Offline flyn

  • Full Member
  • ***
  • Posts: 142
  • Karma: +8/-0
    • View Profile
Re: How to get my images to fit banner size
« Reply #2 on: July 30, 2014, 05:22:08 PM »
Hi Lee, been awhile but good to be back. Instead of messing with code I just wanted to make the images the same size so they fill in. I made my images 1200 x 360 px.

Is there something else that needs to be done to make it fill in the entire area? It just seems to reduce the size.

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1312
  • Karma: +331/-2
    • View Profile
Re: How to get my images to fit banner size
« Reply #3 on: July 30, 2014, 06:27:00 PM »
Sorry Victor -  beyond my skill set.
I just shared what I do.

It's only one little line of code ;) and it is only the color. 

Hopefully  someone else will get you what you need.

Lee

Offline flepflop.com

  • Newbie
  • *
  • Posts: 5
  • Karma: +1/-0
    • View Profile
    • Flepflop.com
Re: How to get my images to fit banner size
« Reply #4 on: February 20, 2015, 05:19:35 AM »


On my editor it is:
line 139 change: change the background:# to your color choice)
.banner_conteiner .oneByOneSlide { background:#00A1CB url(../image/banner_shadow.png) center top no-repeat; }

Lee


BTw Sir LLegrand where can i find the file to edit the colour of the background
plz direct me to the folder
so i dont want the blue colour backgroud colou and want it white plz plz show me

Offline llegrand

  • Hero Member
  • *****
  • Posts: 1312
  • Karma: +331/-2
    • View Profile
Re: How to get my images to fit banner size
« Reply #5 on: February 20, 2015, 03:33:43 PM »
this post has it
http://forum.abantecart.com/index.php/topic,2230.msg9351.html#msg9351

Since you are new to forum -  the search is quite helpful -  if you have searched for 'banner color'   you would have found several post with the solution.

Offline parthi

  • Newbie
  • *
  • Posts: 16
  • Karma: +1/-0
    • View Profile
Re: How to get my images to fit banner size
« Reply #6 on: September 30, 2017, 01:34:03 AM »
 ;) :D

Thanks fix it  :o

 

LoliPromDress.com Prom dresses 2018