WordPress.org

Forums

CSS help: Can't spot the problem!! left margin problem. (4 posts)

  1. aztommyb
    Member
    Posted 5 years ago #

    weird CSS positioning problem where the titles of posts (restaurants in this case) are being placed over the image in only SOME of the posts. I can't seem to figure out why.

    here's an example:
    http://diningoutkeywest.com/restaurants/specialty

    Any ideas are greatly appreciated.

  2. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    I see that behavior happens for posts with long titles. Here's one way to resolve the problem. Open up your theme's style.css with text editor and make following changes:

    - add margin-left to title

    div.post-title h2 a {
    margin-left:225px;
    }

    - change display:block to display:inline

    .pic img {
    border:1px solid #CFCFCF;
    display:inline;
    margin:0 0 18px;
    }
  3. aztommyb
    Member
    Posted 5 years ago #

    hmm...tried that. It just put the title to the right the number of pixels set in the margin-left tag. BTW the problem doesn't show up in Firefox 3.6, but does in safari and chrome on a mac.

    So to be more specific about this problem, all titles 22 characters and under, are placed all the way to the left of the div they're in. 23 characters and above and the title is formatted correctly. wtf???

  4. @mercime
    Volunteer Moderator
    Posted 5 years ago #

    Can you re-upload the original style.css of the theme to your server? This is the original per themeforest demo. That one's working in all browsers.

Topic Closed

This topic has been closed to new replies.

About this Topic