AbanteCart Community
AbanteCart Development => Customization help => Topic started 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.
-
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
-
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.
-
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
-
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
-
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.
-
;) :D
Thanks fix it :o