AbanteCart Community

Shopping Cart Operations => Support => Template Support => Topic started by: Sean Armstrong on June 20, 2019, 10:27:39 AM

Title: Make banner images full size.
Post by: Sean Armstrong on June 20, 2019, 10:27:39 AM

Despite reading numerous posts I still cant figure out how to make the images of the banner full size = 1100 x 360 instead of having a large gap on either side.  I have made my images 1100x360 but they still get cropped.. 

I want the images to completely cover the banner without any padding, etc. 

Any help would be appreciated.

Title: Re: Make banner images full size.
Post by: Basara on June 21, 2019, 01:16:52 AM

Hello.

What type of banner you have? Default AbanteCart slider or banner you create manually?
https://abantecart.atlassian.net/wiki/spaces/AD/pages/12582976/Banner+Slider
https://abantecart.atlassian.net/wiki/spaces/AD/pages/12845085/Create+Graphic+Banner

Title: Re: Make banner images full size.
Post by: Sean Armstrong on June 21, 2019, 10:02:55 AM

I have read these likes several times but it makes no difference.

I want to be able to use the same text based banner in the header area as in the default template but make it full size 1100 x 260.  Regardless of changing the sizes it always crops is smaller.

Basically I want a text based banner to be 1100 x 360 - TOTAL size of the default banner - no margin, no padding.

Title: Re: Make banner images full size.
Post by: Jabuaskar on July 08, 2021, 11:24:19 AM

I have same issue, if possible to make it clear how can I make graphic banner at the center and cover all the banner area.

Title: Re: Make banner images full size.
Post by: jaybags on April 29, 2022, 02:47:10 AM

Tried mine by modifying the CSS file "flexslider.css"

added on:
#mainslider {margin-left:-44px;margin-right:-44px;}

Have a nice day.

Title: Re: Make banner images full size.
Post by: victorpatrick on November 05, 2023, 08:20:38 PM

I would like clarification on how to create a graphic banner that fills the entire banner area in the center, since I am experiencing the same problem.