AbanteCart Community

AbanteCart Development => Customization help => Topic started by: flyn on July 30, 2014, 04:42:03 PM

Title: How to get my images to fit banner size
Post by: flyn 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.

Title: Re: How to get my images to fit banner size
Post by: llegrand 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

Title: Re: How to get my images to fit banner size
Post by: flyn 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.

Title: Re: How to get my images to fit banner size
Post by: llegrand 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

Title: Re: How to get my images to fit banner size
Post by: flepflop.com on February 20, 2015, 05:19:35 AM

Quote from: llegrand on July 30, 2014, 05:11:36 PM

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

Title: Re: How to get my images to fit banner size
Post by: llegrand on February 20, 2015, 03:33:43 PM

this post has it
http://forum.abantecart.com/index.php/topic,2230.msg9351.html#msg9351 (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.

Title: Re: How to get my images to fit banner size
Post by: parthi on September 30, 2017, 01:34:03 AM

 ;) :D

Thanks fix it  :o