CSS help, please!

  • Resolved dustindriver

    (@dustindriver)


    15 years, 9 months ago

    Hi, I’m building a blog at:

    https://dustindriver.com/wordpress

    I’m using “an-ordinary-theme,” with modifications.

    First, I dove into the stylesheet and changed the height of the main images from 377 px to 250 px. Worked like a charm.

    Then I changed the font size of the blog title and description from 11 to 20. Worked fine.

    Until I clicked on a post. For some reason the “leave a comment” text is floating up near the title. It’s supposed to be right under the search field.

    I’ve looked through all the templates and stylesheets and I can’t figure out how to fix it.

    Can anyone help?

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    I can’t seem to open your link, but here goes…

    Looks like you can readily go back to where you started. Here’s what I would do before going any further:

    1) Undo all the changes that you listed. This means changing the font size for the blog title and description back to 11 from 20, and changing the main image height back to 377px from 250px.

    2) Click on a post now. Do you still have the problem with the “leave comment text”? If not, it gives you a point of reference to start from again.

    3) Then, try changing the main image height back to 250px. If that’s okay, then try the font size. Determine if it’s one change by itself, or when the two are in combination with each other.

    You get the picture…isolate what change in particular is breaking your layout, and you can focus on that problem without risking causing other errors in an attempt to fix things.

    If the “leave comment text” is still broken, even after undoing your changes, it implies that you may possibly have changed something else, maybe accidentally.

    Thread Starter dustindriver

    (@dustindriver)

    Excellent, thanks!

    I did some troubleshooting, as you suggested. I uploaded a fresh theme, without any changes. Everything was displayed fine.

    I changed the height of the main pics, everything’s fine.

    Then I changed the font size of the title and description. Bingo. The “leave comment” text is in the wrong place.

    Check it out:

    https://dustindriver.com/wordpress/2009/06/02/flight-lesson/

    Any suggestions? I really need the title to be around 20px, so it would be great if I could fix this.

    Thanis!

    ah well there’s your problem — you’ve got floating divs.. your best friend for those is create a style in your ‘style.css’ called.

    .clear {clear:both;}

    first check and see if it’s already in there.. if it is then don’t add another.

    Otherwise…add the div I’ve added after your ‘right’ div something like this:

    <div id=”right”>
    (there’s some code in here)
    </div>
    <div class=”clear”></div>

    and that’ll fix your issue ??

    Thread Starter dustindriver

    (@dustindriver)

    You are the man Mark. I’ll definitely do as instructed. If the problem persists, I’ll definitely be back.

    Thanks!

    -Dustin

    Thread Starter dustindriver

    (@dustindriver)

    marksimagination:

    It worked!

    You rock!

    Thanks!

    Hey guys.
    Just noticed this thread right now. But I noticed the problem with the “leave a comment” text as well in the last days and fixed it (also did some other tiny alteratings) – version 2.4 is now live. Changelog is in the readme.txt file, as usual.
    Cheers
    Fabian

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS help, please!’ is closed to new replies.

Tags