Can carousel display images smaller?

Questions and answers about ShopSite Custom Templates

Can carousel display images smaller?

Postby gracefuli » Thu Apr 23, 2015 4:10 pm

Am using the familiar template. Followed previous posts and have it set to display left menu also. But images are displayed just much larger than i would really like. can this be adjusted? thanks
gracefuli
 
Posts: 58
Joined: Thu Aug 02, 2007 7:27 pm

Re: Can carousel display images smaller?

Postby BFChris » Fri Apr 24, 2015 6:47 am

Your best bet is to assign a max-width to the carousel container in your CSS with something like:

Code: Select all
div#carousel {
   max-width:800px;
   margin-left:auto;
   margin-right:auto
}


Set left and right margins auto to center the picture in the available space.

This will prevent the images from displaying larger. To be responsive, the carousel itself displays the image at width=100% of its container.
~~Barefoot Chris
--------------------------------
Barefoot Chris Web Design
www.barefootchris.net
--------------------------------
BFChris
 
Posts: 322
Joined: Mon Oct 09, 2006 3:28 pm
Location: PA

Re: Can carousel display images smaller?

Postby gracefuli » Fri Apr 24, 2015 10:21 am

hmm... not sure where to add this. In the BB-BXSliderCarousel.sst?
gracefuli
 
Posts: 58
Joined: Thu Aug 02, 2007 7:27 pm

Re: Can carousel display images smaller?

Postby BFChris » Mon Apr 27, 2015 7:56 am

It would probably be best to add it in the page's stylesheet or directly in the <head> section of the page wrapped in

Code: Select all
<style type="text/css">
</style>


tags
~~Barefoot Chris
--------------------------------
Barefoot Chris Web Design
www.barefootchris.net
--------------------------------
BFChris
 
Posts: 322
Joined: Mon Oct 09, 2006 3:28 pm
Location: PA


Return to Custom Template Questions

Who is online

Users browsing this forum: No registered users and 11 guests

cron