Banner size not equal to image size

Quote

Post by hielkio » Sun Dec 21, 2014 7:43 pm

Hi all,

Hope you could help me out ..
I'm using the default template in OC 2.0 and running into some little problem..

I used the default banner size (1140 x 380) and that resolution for the banner images also.
Now the problem is, that there's a space under the image. I added a picture to show you what I mean..

Image

(Click on the image to see full ...)

Maybe there's a simple solution without digging in the source ;)

Thnx in advance!
hielkio
New member
Posts
26
Joined
Sun Feb 23, 2014 4:44 am
Top

Re: Banner size not equal to image size

Quote

Post by opencarthow.com » Tue Dec 23, 2014 9:58 pm

hielkio wrote:Hi all,

Hope you could help me out ..
I'm using the default template in OC 2.0 and running into some little problem..

I used the default banner size (1140 x 380) and that resolution for the banner images also.
Now the problem is, that there's a space under the image. I added a picture to show you what I mean..

Image

(Click on the image to see full ...)

Maybe there's a simple solution without digging in the source ;)

Thnx in advance!
You can add the below code at the end of file catalog/view/theme/{your_theme}/stylesheet/stylesheet.css

Code: Select all

#slideshow0 {
	margin-bottom: 80px;
}

#slideshow0 .owl-controls {
	height: 0;
}

Our free extensions:
Advanced Layout System, Display Raw Product Description in Product List, Minimum Order Amount Requirement, Add to Wish List Redirect for Anonymous Customer

User avatar
opencarthow.com
Active Member
Posts
162
Joined
Fri Nov 28, 2014 10:41 am
Top

Re: Banner size not equal to image size

Quote

Post by DustinR » Fri Feb 13, 2015 3:06 am

I am having the exact same problem with the stock Opencart 2.0.1.1 install with the homepage slideshow banner adding an extra 20px of space below the slider image, and it appears that spacing is causing the pagination circles to be hidden.

I can play around with this setting .owl-pagination { top: 40px; } then i can move the pagination circles around, but nothing I do will hide the 20px of dead white space.

I tried this :

Code: Select all

#slideshow0 .owl-controls {
   height: 0;
}
but it did not work for me. Any ideas?
DustinR
Newbie
Posts
3
Joined
Fri Apr 19, 2013 2:43 am
Top

Re: Banner size not equal to image size

Quote

Post by DustinR » Fri Feb 13, 2015 3:35 am

To fix, use a banner module instead of a slideshow module.

I was using the slideshow module on the home page layout, and that causes the problem with the extra white space below the slider image. I have no clue why the slideshow doesn't work there?

Good luck.
DustinR
Newbie
Posts
3
Joined
Fri Apr 19, 2013 2:43 am
Top
Post Reply
Return to “Template Support”
Who is online

Users browsing this forum: No registered users and 11 guests