• 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

Academy Pro CSS Help

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 › Academy Pro CSS Help

This topic is: not resolved

Tagged: academy pro, css inheritance

  • This topic has 4 replies, 2 voices, and was last updated 4 years, 8 months ago by futurewebboss.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 17, 2018 at 11:03 am #220006
    futurewebboss
    Member

    Working with the Academy Pro at http://weaponsofmasspersuasion.com and I want to reduce the amount of space between some of the homepage widgets. When inspecting the element it says box-sizing: inherit;
    }
    Is there an easy way to find out where the value is being inherited from? Or just to simply override the inheritance and specify a value?
    Thanks
    Dan

    http://weaponsofmasspersuasion.com
    May 17, 2018 at 4:53 pm #220016
    Anita
    Keymaster

    If you are speaking of the widget area where the "100+ Video Lessons" is located, it's this:

    .flexible-widgets .widget {
        float: left;
        margin-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    Reduce the left and right padding. But.. that may change other flexible areas, so if it's just that area you want to reduce, then target .front-page-2 specifically.


    Love coffee, chocolate and my Bella!

    May 17, 2018 at 5:33 pm #220018
    futurewebboss
    Member

    Hi Anita,
    Thank you. I'm specifically referring to the spacing above the enroll section. Will you code work for this?
    Thanks again.
    Dan

    May 17, 2018 at 5:36 pm #220019
    Anita
    Keymaster

    The space separating that area from 3 widgets or the spacing in between the three widgets?


    Love coffee, chocolate and my Bella!

    May 17, 2018 at 5:41 pm #220020
    futurewebboss
    Member

    The space directly above the enroll button and the three widgets. The spacing between the three widgets is fine.

    Thank you Anita

  • 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