• 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

styling question on this home page

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 › styling question on this home page

This topic is: resolved

Tagged: Atmosphere Pro

  • This topic has 4 replies, 3 voices, and was last updated 5 years, 6 months ago by JA Armira.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 14, 2017 at 2:16 am #211427
    barryhill
    Member

    Hi

    I am working on this site using atmosphere pro: http://vidyamala-burch.com/wp

    I want to replicate the demo design where there is no gap vertically between the widgets, so the photo's are touching.

    I have adjust some settings in style.css and stylefront.css and closed the gap quite a bit but when I inspect the widget panel in firebug I notice there is a bottom margin, which is still pushing the photo below down.

    Any suggestion how I can remove that bottom margin in the widget so the photo closes up to the one above it?

    thanks

    Barry

    http://vidyamala-burch.com/wp
    September 14, 2017 at 5:39 am #211436
    Victor Font
    Moderator

    The margins are on the images themselves. This CSS is creating the margins:

    a.alignleft, img.alignleft, .wp-caption.alignleft {
        margin: 0 24px 24px 0;
    }

    Adding this to style-front.css should do the trick:

    .front-page-3 .featuredpage img {
        margin-bottom: 0;
    }

    Regards,

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

    September 14, 2017 at 6:17 am #211439
    barryhill
    Member

    Hi

    Many thanks for this. It seems to have done the trick!

    I notice from the atmosphere pro demo page https://my.studiopress.com/themes/atmosphere/#demo-full that the very corners of the images somehow touch, which is very nice, but I am wondering if that is CSS or just the size of the image? If I make the images on the home page the same size, will they do the same thing?

    Barry

    September 14, 2017 at 8:10 am #211459
    barryhill
    Member

    I think I solved this myself by making the piks 640px wide, then the corners touch as in the demo.

    thanks again for the help earlier Victor.

    Barry

    September 14, 2017 at 12:43 pm #211474
    JA Armira
    Member

    Came too late to answer, but yes your pictures above are 640px by 640px meanwhile the one below it's 540px
    Glad you found the solution!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘styling question on this home page’ is closed to new 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