Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


CSS alignment problem

Posted on 2011-10-10
Medium Priority
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: http://triadtestsite.com/mainstreet/index.php?option=com_content&view=article&id=83&Itemid=76

Here the title is a little lower and I don't know why: http://triadtestsite.com/mainstreet/index.php?option=com_content&view=article&id=71&Itemid=117

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

Question by:elliottbenzle
  • 2
LVL 70

Accepted Solution

Jason C. Levine earned 1000 total points
ID: 36944265
No, the CSS is coming from two different files and those files have different values in them.

First link has the CSS coming from http://triadtestsite.com/mainstreet/templates/gk_pulse/css/joomla_classes.css and also an inline style on the .contentheading class: http://triadtestsite.com/mainstreet/index.php?option=com_content&view=article&id=83&Itemid=76 (line 184)

The second link has:


as the CSS source.
LVL 16

Assisted Solution

HagayMandel earned 1000 total points
ID: 36944470
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

ID: 36944485
Sorry, should be:
change it to padding-top: 0px;

Author Closing Comment

ID: 36944942
Thanks for the help

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses

579 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