Prose: centering menu and changing margin between images

Community Forums Forums Design Tips and Tricks Prose: centering menu and changing margin between images

This topic is: not resolved

Tagged: , , ,

This topic contains 6 replies, has 2 voices, and was last updated by  Sridhar Katakam 1 year, 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #60064

    lovebugs
    Participant
    Post count: 9

    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/
    #60212

    Sridhar Katakam
    Participant
    Post count: 1048

    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”.


    #60264

    lovebugs
    Participant
    Post count: 9

    Thanks! That fixed the issues.

    #61347

    lovebugs
    Participant
    Post count: 9

    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/

    #61358

    Sridhar Katakam
    Participant
    Post count: 1048

    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;
    }

    #61361

    lovebugs
    Participant
    Post count: 9

    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>
    #61365

    Sridhar Katakam
    Participant
    Post count: 1048

    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.


Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.