WordPress.org

Ready to get started?Download WordPress

Forums

nobody ever seems to reply to me. but [Font Problems] PLEASE READ !!!! (16 posts)

  1. keysuuh
    Member
    Posted 3 years ago #

    First take a look at my H1 css:

    h1 {
    font-family: Arial;
    font-size: 26px;
    line-height: 20px;
    font-weight: none;
    font-style: none;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -1px;
    padding: 0 0 10px 0;
    }

    Now take a look at my site:
    ohplastic.com

    Then compare my Title (<h1>) font to this site:
    twistyourbones.org

    I set my font to the same exact settings as her's,
    but mine still comes out to be bold...
    I added "font-weight, font-decoration, font-style
    ---BUT the font still doesn't change.
    What may be the problem?

  2. ClaytonJames
    Member
    Posted 3 years ago #

    The titles on that other site don't appear to be H1's.

  3. keysuuh
    Member
    Posted 3 years ago #

    i believe they are.
    what makes you think they aren't H1's?

  4. Root
    Member
    Posted 3 years ago #

    kinda wierd having a font size of 26 px and a line height of 20 px.........amd saying u followed her css may not be the full situation .....css is cascading........there may be a rule post or prior in her css that u havent implemented

  5. ClaytonJames
    Member
    Posted 3 years ago #

    what makes you think they aren't H1's?

    Because I very briefly looked at the source code for the web site in question. Perhaps in my haste I overlooked the presence of the h1 tags.

  6. keysuuh
    Member
    Posted 3 years ago #

    well the line height is set to 20 so the space between the other lines of text are closer together. Please keep in mind that I'm not a certified web designer lol. I've learned through tutorials ect.
    So that was the only way I knew of to go about bringing text together.

    Root- have you checked the css of both sites?
    Are you able to find the solution?

  7. keysuuh
    Member
    Posted 3 years ago #

    i've checked out her source code
    here is what I saw:
    <h1>Ephemera</h1>

    Just confused,
    but how does that mean they aren't h1 tags?

  8. ClaytonJames
    Member
    Posted 3 years ago #

    compare my Title (<h1>) font to this site:

    Yes. you are confused.

    <h1>Ephemera</h1> is a SIDEBAR heading. Not a post title.

    Then compare my Title (<h1>) font to this site:

    I guess details are everything, no?

  9. keysuuh
    Member
    Posted 3 years ago #

    Oooh okay if you take a look at her style sheet
    there is only one h1 section
    I've looked at her sidebar coding and she doesn't have the font set to anything there...
    can you please explain what you're trying to say?

  10. keysuuh
    Member
    Posted 3 years ago #

    i don't know how,
    but on my offline blog i fixed it.
    it's now regular arial.
    thanks for the help.

  11. ClaytonJames
    Member
    Posted 3 years ago #

    Sure. I'll explain...

    Which is it exactly that you want to copy/steal from someone else's work on their site? The post titles or the Sidebar headings? Do you know how to view source code? Can you "copy an paste" someone else's work into your own style sheet? If you care to be pinpoint precise in what it is exactly that you want to steal from someone else's site, perhaps then I can be more specific for you.

    ...Otherwise, spend some time learning some css and you won't have to waste your time asking others to "explain" how to help you copy from someone else's design.

  12. keysuuh
    Member
    Posted 3 years ago #

    Lol okay first off, I e-mailed her to ask her what fonts she used. I don't find that really stealing, it's just getting information.
    Stealing would be taking her graphics without asking.

    There is no need to have the tone you have.
    When the forums are to help people.
    I couldn't see why my h1 css wasn't looking like hers,
    so I decided to post it and ask if people can help find the problem.
    No need to be a smart alack and ask me if I know how to copy and paste.
    I guess you were trying to sound very cool when you said that right?

    Wrong.
    &It's not wasting my time if I was going to learn from it.
    And fix the problem.Lol thanks :)

  13. ClaytonJames
    Member
    Posted 3 years ago #

    We all needed to start somewhere, Right?
    Best wishes to you!

  14. CSD-Images
    Member
    Posted 3 years ago #

    This is quite simple. First of which you need to user Opera or Firefox browser. For Opera the CSS inspect is included, with Firefox you need to download the Firebug extension.

    With these installed it's then a matter of going to the site and right clicking on the element to get the CSS attributes. You'll want styles not computed. In this case the Semantical nature of the site is screwed up and the header tags are not sequential and some are missing. She's also using a image map for the site.

    If there is particular area you want to replicate post up a screen grab.

  15. Steffen Jørgensen
    Member
    Posted 3 years ago #

    font-weight: none;

    should be:

    font-weight: normal;

  16. keysuuh
    Member
    Posted 3 years ago #

    Thank you guys that actually said something useful :)
    I changed "none" to normal, and it's looking correct !
    Thanks for helping me understand !

Topic Closed

This topic has been closed to new replies.

About this Topic