• 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

Responsive Slider need a theme-supplied Portfolio?

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 › General Discussion › Responsive Slider need a theme-supplied Portfolio?

This topic is: not resolved

Tagged: portfolio, slider

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 9 months ago by Carta.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 19, 2017 at 5:46 pm #207957
    Carta
    Member

    I'm using the Altitude theme and installed both the Genesis Portfolio and Genesis Responsive Slider plugins. I set up the portfolio with images and it played as expected using the Slider

    But, the Slider has a thick gray border and with extra padding on the bottom and right. I'd like to have each image bordrless and page-centers.

    I also have a site built with the Executive theme. That theme came with its own Portfolio. I didn't need to get one via the Portfolio Pro plugin.

    So I believe Altitude is using the Portfolio Pro plugin to feed the Slider and that the Portfolio Pro plugin has code (somewhere) that constructs the gray border and padding.

    Any suggestions?

    http://www.stevenhgordon.com
    June 19, 2017 at 7:48 pm #207960
    jjbwp
    Participant

    The CSS for the Genesis Responsive Slider plugin calls for a 10px gray border:

    #genesis-responsive-slider {
    	background-color: #fff;
    	border: 10px solid #eee;
    	margin: 0 auto;
    	padding: 10px;
    	position: relative;
    }

    The plugin's stylesheet also calls for content to float left.

    June 20, 2017 at 6:40 pm #208010
    Carta
    Member

    Thanks for your response. I worked with the CSS for Genesis Responsive Slider and couldn't get rid of the "Excerpt" area which would hold text about each slide.

    However, in back in WordPress, I selected Customize > Additional CSS and added the following:

    #genesis-responsive-slider {
    border: solid;
    padding: 0;
    margin: auto;
    width: 85%;
    }

    Any width value greater than 85% opens the Excerpt area (that's what I think that area is) to the right, thus shifting the slide to the left.

    June 20, 2017 at 9:18 pm #208013
    Carta
    Member

    Sorry...I kept the border as a solid black line so I could see how my adjustments affected the image. The final code had border: none.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ 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