Support » Themes and Templates » Post Title bar in wrong location

  • Resolved ericbowers

    (@ericbowers)


    I am having some difficulty configuring my photo blog. On all but the first post, the post title is right-aligned for some reason, and I would like it to be either left aligned or centered. This right-alignment seems to mess up the above tag line as well. Have a look at my page and let me know if you can help…

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

    (@marjiec)

    Nice pictures!

    I see in your theme description:
    “A Photo Blog theme for WordPress with simple and elegant style. It shows a single image on the front page. “

    But, you should be able to fix it so you can use it the way you want to by changing the repeating id tags to class tags.
    After that is done the alignment problem can be solved.
    The repeating id tags are:
    photo-inner, photo-meta-inner, navigate, navigate-inner.

    Now I’ll see how to correct the alignment

    Thread Starter ericbowers

    (@ericbowers)

    marjiec, thank you for the help. Just changing those repeating ID tags to class tags solved the alignment problem with the post titles. Actually I have left the navigate inner as a repeating tag, because when I changed it to a class tag, the layout of some of the blog became odd.

    One thing – I’m a total n00b when it comes to code, and I had to do some google searches to figure out how to write a class tag – and I’m still not sure that I did it correctly, even though the title alignment problem has now been solved. For example, I took this code:

    #navigate {
    float: right;
    width: 240px;
    font-size: 0.9em;
    }

    and changed it to:

    <class>
    float: right;
    width: 240px;
    font-size: 0.9em;
    </class>

    Did I do that correctly? Like I said, it seems to have fixed the problem, although I’m not certain I did it correctly.

    Regards,
    Eric

    marjiec

    (@marjiec)

    It might be great that what you did worked but, it didn’t correct all repeating id tags.
    The way to make a class tag is to change the # to a . in your css sheet. (for your photo tags only)
    Then you will need to change the id to class in your page template.
    I hope this isn’t going to create a bigger problem, but in order to get your site to validate you need to do it.
    You can’t repeat id tags on a single page. You can repeat class tags.
    I think what you did appears to have fixed what you see because your page no long is using the code. It is invalid css.
    Like I mentioned before your theme is meant to have just one image on a page, but with work you can change it and validate.

    Thread Starter ericbowers

    (@ericbowers)

    Marjiec, thanks for the help. I am working on fixing the invalid code now. I have one question though; when you say I will then need to change the id to class in my template page – can you be more specific? I’m not sure what file to alter for this. As I said, I’m kind of a n00b when it comes to editing code.

    Thanks!

    Thread Starter ericbowers

    (@ericbowers)

    Nevermind on that question – looks like I have it worked out now. I edited the “page.php” file inside my template directory file. Thanks so much again for the help!

    Hi,

    I’m facing the same problem, and after reading through the post here I still do not understand how to actually solve the issue?

    Here’s my blog — blogz.geekzhaus.com, and I can’t seem to do anything to resolve the problem I have with the post title.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Post Title bar in wrong location’ is closed to new replies.