Skip to main content
  1. Home
  2. Support
  3. Questions

Aligning the content slider

Kevin Grandia By 
April 02, 2013

Is there an easy way to center the content slider on a full width page?

Official response from

Please see below.

Share this post

Showing 6 reactions

How would you tag this suggestion?

Sign in with

Please check your e-mail for a link to activate your account.
  • Taylor Pineiro
    NationBuilder employee
    responded with completed
    posted 2017-01-26 15:18:24 -0800
  • Ian Patrick Hines


    Certified Architect
    Certified Expert
    Certified NationBuilder Architect Certified NationBuilder Expert
    commented
    David — In your particular case, adding the following line to your theme.scss file should center the slides (but not the captions):

    #slides .slides_container {text-align: center;}

    My recommendation, however, would be to instead use larger slides and keep the theme as-is. If you use slides that are 1010px wide, they’ll fit to the full-width of the page.

    — Ian
    posted 2013-06-11 10:19:26 -0700
  • David Kalal
    commented
    Hi Ian — if you go to our homepage projectfind.org — you’ll see that the fcs is left justified — we would like it to sit centered.

    ON a related note — it feels counterintuitve that the fcs tabs take you to the slide, but that you then have to click on the slide/image — the tabs should also be clickable to the page the describe.

    Thanks

    DK
    posted 2013-06-11 06:26:40 -0700
  • Ian Patrick Hines


    Certified Architect
    Certified Expert
    Certified NationBuilder Architect Certified NationBuilder Expert
    commented
    David — Can you point me towards an example?
    posted 2013-06-07 16:37:23 -0700
  • David Kalal
    commented
    We would also like to know how to center — or adjust generally the content slider on our home page. It currently sits defaulted to left justified
    posted 2013-06-07 13:21:26 -0700
  • Kevin Grandia
    tagged this with Important
    posted 2013-06-07 13:20:24 -0700

Status key

  • Answered: The question has been officially answered
  • Incomplete: More information is needed to answer the question