CSS alignment problem

Posted on 2011-10-10
Last Modified: 2012-05-12
I have a header bar at the top of my site that contains the title. On certain pages my title is not aligning properly, although they all have the same css styles applied.

correct alignment:

Here the title is a little lower and I don't know why:

Can someone see why the second link is not aligned properly?

Question by:elliottbenzle
    LVL 70

    Accepted Solution

    No, the CSS is coming from two different files and those files have different values in them.

    First link has the CSS coming from and also an inline style on the .contentheading class: (line 184)

    The second link has:

    as the CSS source.
    LVL 16

    Assisted Solution

    Your home page index.php contains this style (line 185)
    .contentheading {
         padding-top: 0px;

    Open in new window

    Other pages don't include this CSS rule!
    In template_css.css line 1065, remove the rule padding-top: 12px; or change it to
    padding-top: 02px; This will do it
    LVL 16

    Expert Comment

    Sorry, should be:
    change it to padding-top: 0px;
    LVL 4

    Author Closing Comment

    Thanks for the help

    Featured Post

    Threat Intelligence Starter Resources

    Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

    Join & Write a Comment

    Suggested Solutions

    Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
    This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
    The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

    729 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now