• 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

Prose: centering menu and changing margin between images

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 › Prose: centering menu and changing margin between images

This topic is: not resolved

Tagged: center, margins, menu, Prose

  • This topic has 6 replies, 2 voices, and was last updated 11 years, 10 months ago by Sridhar Katakam.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 1, 2013 at 10:46 am #60064
    lovebugs
    Participant

    i'm working on this site: http://karenard.com/newblog/

    I'd like to center the menu. I've tried to do that, but run into two issues - using some of the code snippets found on this forum (which did nothing) as well as changing the margin on the menu (which makes it look centered, but also throws off all of the sub-links as well).

    I also would like to change the amount of space between images. I've tried adjusting the margins for img, but can't get it to move closer vertically.

    Thanks!

    http://karenard.com/newblog/
    September 2, 2013 at 4:07 am #60212
    Sridhar Katakam
    Participant

    1)

    #subnav .wrap {
        display: table;
        margin: 0 auto;
        width: auto;
    }

    2) Try editing the Post and changing the bottom margin from 20px to 2px for "los angeles bar mitzvah photographer-.jpg".


    Genesis Tutorials | Follow me on Twitter

    September 2, 2013 at 11:21 am #60264
    lovebugs
    Participant

    Thanks! That fixed the issues.

    September 8, 2013 at 9:28 am #61347
    lovebugs
    Participant

    Is there a way to change the css so that the margin between vertical images will be smaller? I've tried this in the custom css:

    img {
    margin: 0px;
    padding: 0px;

    }

    but it does nothing to change the amount of space between the images.

    http://karenard.com/blog/agoura-family-portraits/

    September 8, 2013 at 10:46 am #61358
    Sridhar Katakam
    Participant

    Edit that Post in Text view, assign a class to all the paragraphs containing images like this.

    Then use this CSS:

    .entry-content p.images-row {
        margin-bottom: 1px;
    }

    Genesis Tutorials | Follow me on Twitter

    September 8, 2013 at 10:55 am #61361
    lovebugs
    Participant

    It's still not changing it. Here's the text view of that post, am I missing something?

    <p class="images-row"><a href="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0001.jpg"><img class="aligncenter size-full wp-image-553" alt="agoura family portraits_0001" src="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0001.jpg" width="980" height="734" /></a>
    
    I often donate photo sessions to local non-profits and schools and this gorgeous family bid on me and won.
    
    <!--more-->We had fun in the end of day light at one of my favorite locations lately since it still had some wildflowers this late in the year. Thanks 'P' family!  Loved getting to capture you all.
    
    <a href="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0002.jpg"><img class="aligncenter size-full wp-image-554" alt="agoura family portraits_0002" src="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0002.jpg" width="980" height="734" /></a>
    
    <a href="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0003.jpg"><img class="aligncenter size-full wp-image-555" alt="agoura family portraits_0003" src="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0003.jpg" width="980" height="734" /></a>
    
    <a href="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0004.jpg"><img class="aligncenter size-full wp-image-556" alt="agoura family portraits_0004" src="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0004.jpg" width="980" height="734" /></a>
    
    <a href="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0005.jpg"><img class="aligncenter size-full wp-image-557" alt="agoura family portraits_0005" src="http://karenard.com/blog/wp-content/uploads/2013/09/agoura-family-portraits_0005.jpg" width="980" height="734" /></a></p>
    September 8, 2013 at 11:34 am #61365
    Sridhar Katakam
    Participant

    I see that you have set the class to the very first paragraph. That's not going to help because it does not have another paragraph containing images directly beneath.

    You have to set the class to paragraph having the images row AND one that has another images row below it.

    Like this.


    Genesis Tutorials | Follow me on Twitter

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

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