• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

What CSS code do i use if i want to center a slider?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › What CSS code do i use if i want to center a slider?

This topic is: not resolved

Tagged: slider center

  • This topic has 2 replies, 3 voices, and was last updated 11 years, 10 months ago by Sridhar Katakam.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 10, 2014 at 6:26 am #104413
    Matthew T
    Member

    What CSS code do i use if i want to center a slider? because it just goes to the left

    May 10, 2014 at 8:08 am #104422
    Paul Sandford
    Participant

    Well, I'll shoot an answer into the darkness of your question and suggest:

    Not knowing anything about the slider I'll assume it's wrapped in a <div>?
    If that div doesn't already have an id you could give it one; like <div id="mysterySlider">...</div>
    You could then use CSS:

    #mysterySlider {
       margin: 0px auto;
    }

    Not knowing anything about the theme and any existing CSS... another possibility is; if there is a centering class in the style sheet (that basically does what I've suggested above), you could instead apply that class to the div wrapping up the slider. That would go something like <div class="centerClassOfSomeSort">the slider...</div>

    Hope that helps.


    Paul Sandford.  Follow @pm_sandford on Twitter

    May 10, 2014 at 8:43 am #104428
    Sridhar Katakam
    Participant

    Matthew T: http://sridharkatakam.com/full-width-soliloquy-slider-genesis/#comment-49083


    Genesis Tutorials | Follow me on Twitter

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble