• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 229
  • Last Modified:

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
0
mellijae
Asked:
mellijae
  • 7
  • 4
  • 2
  • +1
1 Solution
 
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
 
mellijaeAuthor Commented:
If I leave it in, I can't see to move the form around as I would like...
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LZ1Commented:
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
 
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

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 7
  • 4
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now