CSS Weirdness

i am trying to build a site for my boss at onlinedivorcecoach.com

The site is in Wordpress, using a theme called Builder.

there are several spots to insert CSS....
in the editor there is a paragraph tag that says margin:2.5 em...when I delete it, the whole site shifts from centered, to flush against the left side.

Can anyone tell me why?
It is probably important that you know that the person who put in the ptag was trying to solve a centering issue and has no idea what the heck he is doing
It was a quick hack by a non-coder, trying to get everything to center nicely...

I am really desperate here and would greatly appreciate any help.

Thanks,
Melanie
mellijaeAsked:
Who is Participating?
 
LZ1Connect With a Mentor Commented:
I'm not seeing any <p> tags on the home page either.
The purpose of a <p> tag is to indicate a paragraph.  http://www.w3schools.com/html/html_paragraphs.asp

The margin-left is declaring that anything surrounded in a <p> </p> will come away from the left 2.5 em. EM's are a unit of measure based on a percent of the users preferences. So if the margin is 2.5em, that's 2 and a half times the user's preference. Generally I use em's for font sizes and pixels for most other things like margins, padding, etc.  
http://www.w3.org/QA/Tips/font-size
0
 
VampireofdarknessCommented:
Which <p> are you looking at? The first <p> I see is in the footer, and has a margin-top/bottom of 18px, which is the same for the Copyright text's <p>
0
 
mellijaeAuthor Commented:
Thanks! This one:


p
{margin-left:2.5em;}

If I take it out, the whole site goes flush against the left side. I am so confused!

Thank you!

0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
mellijaeAuthor Commented:
If I leave it in, I can't see to move the form around as I would like...
0
 
mellijaeAuthor Commented:
I think I know why you didn't see it... I was missing a closing squiggly tag from the CSS about the tag, from the previous style, which defined h1, h2, h3, h4, h5, h6, p, blockquote, pre,
address, dfn, img, samp, ul, ol, dl.

I don't know how many points I have left after all this stuff and I'm afraid running out of points. (There must be a finite amount, right?)

The thing he was trying to fix with the ptag was moving everything over a wee bit.

This was what he was trying to fix and it's still messed up:  https://www.onlinedivorcecoach.com/test

If you notice, the post content is pushed way over to the side. That has been a problem from the get-go with this site.

Can anybody tell me what to do about the stupid "content module"?






0
 
LZ1Commented:
You should be fine with points if your a premium member.

I'm still not seeing the margin-left:2.5em.  However, if you do use it, the content does line up correctly with your images.
0
 
mellijaeAuthor Commented:
Do you see it now?

I put it back...

Was he correct in doing that? Was that the proper way to get the blog and page content to move over into the design area?

Thank you so much LZ1. You've really helped me a lot on this. I don't really know how to thank you-- but I'm not opposed to cash!
0
 
mellijaeAuthor Commented:
When I asked if he was correct in doing that-- I mean, besides the fact that he didn't use PX and used EM, was the paragraph the right thing to target?
0
 
LZ1Commented:
Well mellijae, I am available for hire if you click on my profile.  :)

Now I see the margin-left.  It does line up and looks fine in FF and IE though as far as lining up.
0
 
DanielleFavreauCommented:
You should note though that doing a global style like that will affect all of the p tags throughout your entire site, so every single p will have a margin of 2.5 ems (which is the the width of 2.5 letter Ms based on your browser's preferred font sizes).

It is never ideal to do global styles if you can do a sub selected style.  In this case, you should target the p under post-entry, not just generic p.
0
 
mellijaeAuthor Commented:
Thank you Danielle!

I scanned the CSS for post entry and I only found two instances. And I'm not sure it looks right?

I should paste the margin somewhere in here?:


.post .entry-attachment .attachment {
      text-align: center;
}

.post .edit-entry-link {
      margin: 0 0 1.5em 0;
      clear: both;
}
0
 
LZ1Commented:
Danielle does have a point.  However, global styles should always be reset prior to styling them, but that's a whole other can of worms.

Given the scale of your site though, you should be ok.
0
 
DanielleFavreauCommented:
If it's a WordPress site the post-entry CSS will either be in the default CSS file or your theme's default CSS file.  Generally you have around 10 CSS files providing styles in WordPress plus at least one for every plug in you use.
0
 
mellijaeAuthor Commented:
Thank you everyone.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.