Post format: spacing and image alignment

  • Hi,

    This question is so basic that it’s embarrassing, but I could use some advice from you geniuses out there.

    If you visit my blog, Savor Culture, you’ll see that the images are not center-aligned. I would like to fix this.

    Also, the paragraph spacing is inconsistent. I would like to have one empty line between each paragraph. As it is, there is either no empty line, or there is double the empty space. How can I control this? I have a feeling it’s a paragraph tag, but am unsure exactly how to alter the html code.

    Many thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter daniellesavorculture

    (@daniellesavorculture)

    Pretty please?

    You dont modify the “html code”. You work with the CSS stylesheet – style.css file in any theme.

    Find the part that defines the “p” tag.

    Also, in some posts you do NOT have paragraphs! When hitting Enter during the writing of a post – WP adds automatically the paragraphs. (hit it twice if you are not using the visual editor)

    Thread Starter daniellesavorculture

    (@daniellesavorculture)

    Moshu,

    Thanks for responding. The issue is that my paragraph spacing looks correct during composition, but displays differently when published. When I looked a flawed post in the html editor, there were “div” tags around each paragraph. I used a plain text editor to transfer the posts’ content from Blogger, but perhaps the problem occurred during the transition. I’m manually removing them from the posts.

    Should I still follow up on your “p” tag suggestion? Any ideas about the image alignment problem?

    Thanks!

    you should always check that the paragraph tags are where they should be via the plain text editor. It help avoid mishaps.

    More Info:
    https://www.w3schools.com/TAGS/tag_p.asp

    I know its been a long time, BUT I had this issue and saw your trouble.

    I must have removed the “captions” class and that is what did it to me,

    Try adding this to your style sheet

    /* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Post format: spacing and image alignment’ is closed to new replies.