WordPress.org

1. aggiehavoc
   Member
   Posted 2 years ago #

   I have font-size set in the body of the application. However, I'm trying to override it on <a> tags at different points within the body (i.e. The nav bar and the post titles). For some strange reason, the font-size css property is being stripped out at every location except the body tag. In FireFox, I'm using the developer toolbar. I view the css for that specific element (what is getting through to the browser), and everything is there except the font-size!!!

   What's stranger is that I have an HTML mock-up of the site that uses the exact same css! It looks perfect!

   Does WordPress, hosted at my own hosting provider, strip certain css properties???

2. MAzCastro
   Member
   Posted 2 years ago #

   can you show us your markup?

   MAC

3. aggiehavoc
   Member
   Posted 2 years ago #

   Do you want ALL of it? Do you just want the CSS? HTML? Just snippets?

   Oh, and thanks for responding so quickly! :)

4. MAzCastro
   Member
   Posted 2 years ago #

   If you have it online I can check your markup. (CSS/HTML) I only need the post-processed stuff.

   I don’t understand the full scope of your question. Thing is I really don't know what your skills are, so this means the problem can be very simple or very complicated, depending on that :)

   So to avoid me asking silly questions like, are you targeting the correct classes or sibling selectors, I’d rather take a look at it first :)

   MAC

5. aggiehavoc
   Member
   Posted 2 years ago #

   OK, I have it set up on a test site for now. Here is my mockup that I made for my wife's blog. It uses the exact same CSS files as the full WordPress site.

   http://wp.joelbeskow.com/wp-content/themes/singforyoursupper/default.html

   The test WordPress site is:

   http://wp.joelbeskow.com

   First and foremost you'll notice that I have a lot of work left to do, but you should also notice that a lot of the css is not making it through and placements are WAY off. Again, this uses the EXACT SAME CSS FILES and the html markup (outside of the categories, etc. should be pretty darn close to the same). I know that it still looks like crap.

   I'm not a designer, but I am a developer. I have decent knowledge of CSS, but I most certainly am not an expert. I can fight my way through it, but this thing is driving me crazy.

   This is actually my first go around with WordPress theming. I have experience with other blog engines but not WordPress, so don't judge me. ;)

6. aggiehavoc
   Member
   Posted 2 years ago #

   Oh. Specifically notice the font size of the nav menu and the font size on the post titles. I can't get to match the html mockup. It's just weird!

7. MAzCastro
   Member
   Posted 2 years ago #

   OK, by no means i wish to Judge you :)

   aggiehavoc your CSS is a mess! :) Probably not your fault, but the theme designer should read a bit more about CSS before spreading murky code…

   For instance, in your titles you aren't specifying the units for the font size value.
   in line 53 of you style.css on the .titleText a {}; selector try to use
   font-size:28px; instead.

   In this exact moment I don’t have the time to look deeper, but I will do it ASAP.

   Meanwhile you refer that you’re using the same CSS you used before. It seems to me that the original CSS was not been rendered in a “Strict server”, like Apache (e.g.) and now it is. So now you have to be careful using case sensitive statements and overall a less permissive markup then before.

8. EMG
   Member
   Posted 2 years ago #

   Just like FMacastro said:

   Differences between doctype declarations for your mockup and your WordPress. ;)

   Your WordPress is supposed to validate as XHTML Transitional, which means it uses stricter rules when it comes to parsing and rendering your markup AND CSS.

   For fonts sizes and widths and whatever elses to render properly, you should ALWAYS specify a unit of measurement.

   20px vs 20.

   As it is, W3C seems to agree with us:

   http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwp.joelbeskow.com%2F

   Fix those errors and you should see some results. :)

9. aggiehavoc
   Member
   Posted 2 years ago #

   LOL! Like I said, I'm not a CSS guy at all. I was basically given a PSD from a friend for my wife's blog. She doesn't do HTML/CSS at all, just graphic design. I only do it when I have to. Like I said, I'm a coder. I only do design when I absolutely have to. All of this web design stuff is foreign to me, so yes, it is most likely a terrible, awful, no good, very bad mess. ;)

   OK. I see what you are talking about on the strict server/DOCTYPE. However, I believe my host uses IIS for its PHP hosting as well as its .NET hosting. Hmmmmmm... I'll look at that after work. I appreciate the help from both of you!

10. aggiehavoc
    Member
    Posted 2 years ago #

    It was the doctype. Thanks guys! :)

Topic Closed

This topic has been closed to new replies.