support

banner images align left - need to align center

Started by buddahboy, April 15, 2014, 10:53:31 AM

Previous topic - Next topic

buddahboy

Greetings,

using AbanteCart 1.1.8 -- template: HTML5 -- URL http://www.omgrown.org/AbanteCart/  --  using block:  Banner Block (main page banner slider)

I have created some banners that I want to use and disabled the banners that are default in the banner block (using HTML5 template).  The banners work just fine except for one thing - I need them justified center and not left.  Looked all over to find setting but not able to get the right one - can someone assist please? 

Also want to hide the three little squares appearing on banner that indicate how many banners are in queue. 

Thanks much
Ron
AbanteCart is one hell of a shopping cart.  Donate once in a while and keep the development plus support going.  --  That's my opinion and I'm stickin' to it!

gordontaylor

Ron, are you modifying the text banner block? Or have you created a graphic banner?

Best to convert those, if you are using the text banner, to a graphic banner so it will be responsive.

buddahboy

Hi Gordon,

Used graphic banner and then tried text - the graphic works good but still on the left -- how to get rid of the little blocks as well - they show up on the left side of banner to show how many are in line? 

Thanks much
Ron
AbanteCart is one hell of a shopping cart.  Donate once in a while and keep the development plus support going.  --  That's my opinion and I'm stickin' to it!

gordontaylor

#3
I'll look into the CSS, I'll bet the issue is there. The text banners rely on CSS for positioning, but are not responsive enough. I'll post a new reply when I've got the fix.

I also have a site I'm building, using graphic banners http://bigzbeverages.com/ and thanks to your heads up, I noticed they're slightly off center also.

buddahboy

I have been successful in most part but still need to remove the gradient over the banners - posted a different thread as the center part is solved.  See screenshot or URL: www.VishwaGifts.com

Thanks Gordon
Ron
AbanteCart is one hell of a shopping cart.  Donate once in a while and keep the development plus support going.  --  That's my opinion and I'm stickin' to it!

gordontaylor

Ron,

That shadow is an image called in the one-by-one css file.

Line 139 same place as the background color. Just eliminate this statement

url(../image/banner_shadow.png) center top no-repeat


Leave the ; and the } there and the shadow will be gone.


buddahboy

Thank you Gordon, appreciate it - total solution my friend - I'm grateful. 

All the best
Ron
AbanteCart is one hell of a shopping cart.  Donate once in a while and keep the development plus support going.  --  That's my opinion and I'm stickin' to it!

Forum Rules Code of conduct
AbanteCart.com 2010 -