• 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

Changing padding in Hello Pro theme

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 › Changing padding in Hello Pro theme

This topic is: not resolved

Tagged: Hello Pro, padding, Spaces

  • This topic has 4 replies, 3 voices, and was last updated 5 years, 9 months ago by kathiemt.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 11, 2017 at 3:38 am #207580
    kathiemt
    Participant

    I want to find out how to lessen the padding on the Hello Pro theme on my website. It seems too big, particularly between the Features widget and the testimonials widget. I'm not using the portfolio section at all. Should I be removing the coding from the CSS or is it about lessening the padding and if so, where please?

    It's also too big under the testimonials section - really need to cut it down, as well as under the title of the testimonials.


    Virtual Assistant & Nature Photographer
    Kathie Thomas: VADirectory – Click here for Australian images

    http://www.vadirectory.net
    June 11, 2017 at 3:52 am #207581
    Sachin Verma
    Member

    In your style.css file, change the padding in the lines 2437, 3855.

    To fix the testimonials section, you can either add custom CSS:

    .social-proof-slider-wrap {
        padding: 50px;
    }

    This 50px value is the default, you can lower it to your liking.


    Wait! Do you want someone to fix your Genesis issues? Join the Happy Client Club starting $30/month. 🙂

    June 11, 2017 at 4:02 am #207582
    Victor Font
    Moderator

    Your browser has an inspection tool that makes it very easy to determine what CSS to change when you want to adjust spaces and such on a page. It's called the browser inspect or inspection tool. Learning how to use it will save you a lot of time. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

    As for the padding before the testimonials, remove the padding from the .home-features class in style.css near line 2441.

    For the padding and margin in the testimonial itself, this is coming from the social proof plugin in a file named social-proof-slider-public.css. I know nothing about this plugin so can't promise this will work, but you can try adding the following to your child theme style.css or the WordPress custom CSS area:

    .widget__socialproofslider {
        margin: 0;
    }
    
    .social-proof-slider-wrap {
        padding: 0 50px 50px;
    }

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    June 11, 2017 at 4:05 am #207585
    kathiemt
    Participant

    Thanks Sachin, but isn't that adding even more padding? I've done it and changed that to 20px but not really seeing much change.


    Virtual Assistant & Nature Photographer
    Kathie Thomas: VADirectory – Click here for Australian images

    June 11, 2017 at 4:30 am #207599
    kathiemt
    Participant

    Thanks Victor, will look for that. I did try doing the inspection but wasn't really sure what I was supposed to be looking for.


    Virtual Assistant & Nature Photographer
    Kathie Thomas: VADirectory – Click here for Australian images

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 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

© 2023 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