Jump to content


Photo

Make homepage slider smaller and centred

slider resize

  • Please log in to reply
4 replies to this topic

#1 goviral

goviral

    Advanced Member

  • Members

  • 43 posts
  • LocationSydney Australia
  • Framework Version:Lite
  • Country: Country Flag

Posted 24 April 2013 - 07:18 AM

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



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 24 April 2013 - 08:06 AM

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. 



#3 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 24 April 2013 - 11:34 AM

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?



#4 goviral

goviral

    Advanced Member

  • Members

  • 43 posts
  • LocationSydney Australia
  • Framework Version:Lite
  • Country: Country Flag

Posted 25 April 2013 - 03:38 AM

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, 25 April 2013 - 03:50 AM.


#5 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 April 2013 - 03:50 AM

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