Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose: centering menu and changing margin between images
- This topic has 6 replies, 2 voices, and was last updated 10 years, 6 months ago by Sridhar Katakam.
-
AuthorPosts
-
September 1, 2013 at 10:46 am #60064lovebugsParticipant
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 #60212Sridhar KatakamParticipant1)
#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".
September 2, 2013 at 11:21 am #60264lovebugsParticipantThanks! That fixed the issues.
September 8, 2013 at 9:28 am #61347lovebugsParticipantIs 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.
September 8, 2013 at 10:46 am #61358Sridhar KatakamParticipantEdit 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; }
September 8, 2013 at 10:55 am #61361lovebugsParticipantIt'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 #61365Sridhar KatakamParticipantI 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.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.