Jump to content
Sign in to follow this  
goviral

Make homepage slider smaller and centred

Recommended Posts

goviral    4
goviral

I am wanting to change the size of the homepage slider to about 600 or 700 px wide instead of the current 978px (same as header?).

 

test.gowebgomobile.com

 

I have the following code but can't seem to centre it. I know, dumb question...

.fslider {
background: rgba(255, 255, 255, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 5px;
width: 700px;
}

Thanks

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Try removing the right sidebar and the quickslider will fill the available space. Or place the quickslider in the header so it fills the available space or put the quickslider in the page template rather than the content area template. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

After looking at your site i can see that the quickslider is now full width - http://d.pr/i/ZaVE

 

is that how you wanted it to appear?


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
goviral    4
goviral

I changed it back to full width because I managed to change the slider to a smaller size but just couldn't centre it for some reason.

I tried adding a sidebar but I haven't tried putting it in the content section.

I've ended up reducing the size with the code above and changing the width of the default site layout to 740px so that the slider is centred. The site is not as wide but this works fine.

Thanks for your help.

Edited by goviral (see edit history)

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there, to center the slider add margin:auto; to your code for the slider.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×