WordPress.org

1. Danielle.savorculture
   Member
   Posted 3 years ago #

   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!

2. Danielle.savorculture
   Member
   Posted 3 years ago #

   Pretty please?

3. moshu
   Member
   Posted 3 years ago #

   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)

4. Danielle.savorculture
   Member
   Posted 3 years ago #

   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!

5. gabesands
   Member
   Posted 3 years ago #

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

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

6. wethead
   Member
   Posted 3 years ago #

   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 */

Topic Closed

This topic has been closed to new replies.