Centering responsive slider in Agency theme

Community Forums Forums Design Tips and Tricks Centering responsive slider in Agency theme

This topic is: not resolved

This topic contains 5 replies, has 3 voices, and was last updated by  Tony @ AlphaBlossom 1 year, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #21671

    trbdesign
    Participant
    Post count: 15

    Hi,

    I wanted to get a full-width footer for my theme, and someone suggested that I set the wrap to 100% and then set the individual .wraps to 960px as necessary. That worked, except now I can’t get the genesis responsive slider to center on the page using that method. I tried adding a .wrap to # home-slider, but that didn’t work. I’d also like to get it sort of overlapping the header background the way it is in the Agency demo. Does anybody have any suggestions?

    Thanks in advance,

    ToniB

     

    #21713

    charriott4
    Participant
    Post count: 60

    Can you post a link to your site?

     


    Web Designs By Chrissy | Twitter @designbychrissy

    Follow Me On Facebook

    #21775

    trbdesign
    Participant
    Post count: 15

    Oops! It’s http://sample2.tonibdesign.com.

    Thanks.

     

    #21788

    Tony @ AlphaBlossom
    Participant
    Post count: 509

    Hello,

    Add this to your child-theme style.css and it should take care of the slider:


    #home-slider .flexslider {
    margin: 0 auto;
    }

    It should work as is, but you may have to add !important after (margin: 0 auto !important;)


    #21855

    trbdesign
    Participant
    Post count: 15

    It worked! Thanks!!

    #21858

    Tony @ AlphaBlossom
    Participant
    Post count: 509

    Glad to hear it! Goodnight.


Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.