Alignment Issue


Working on a wordpress experiment.

Having a wee alignment issue with the left sidebar, the latest news headline is too low down, want it in line with the AGP TV link.

Edited the CSS file quite a bit, but can’t seem to find where its conflicting.

Any ideas?

Also, would ideally like the the underline to fill the box.

The difference is in the containers rather than the headings. The left box has this:

.block-border {
  border: 1px solid #C1C0C0;
  padding-top: 4px;

Remove that and the two headings will line up. If you want to keep the above, you can set different padding/margin at the top of each container. Using an empty H4 at the top of each container (as you have now) is an impractical way to create spacing. Remove those, and just put top margin or padding on the containers themselves.


The extra space is because you have 4px top padding on the box in the left column but not on the one in the right column.

.block-border {
    border: 1px solid #C1C0C0;
  [B]  padding-top: 4px;[/B]

block-content_tv {
    background-color: #1A1A1A;
    height: 300px;

Add or remove padding to either as appropriate.

Text-decoration:underline only underlines the text. If you want a full width border then use the border property.

You also seem to have an empty h4 title in there also.

Thanks for the replies :slight_smile:

its because I had left the widget top boxes blank, which then made the blank H4s.
I added my custom H4s into the main content box.

Just got to figure out a way to make the right box H4 white now…it opts for the blue as I cant give it the custom h4

Can’t you use the class that it already has? i.e. block-content_tv

Nope :frowning:

It won’t let me add the class declaration as widget box just has a box for the title, followed by another for content. :confused:

Thats why I stuck the h4 class in the main content area to try and work around it.

Its a tricky one, I am using the Magnificant theme on Wordpress.

I’m not following or I am looking at the wrong this :slight_smile:

The right box already has a class applied - you don’t need to add one but just change the CSS. I think we may be talking about different elements.

You could just add this to your style sheet:

#sidebar-right h4.widgettitle {
  color: #fff;

Thanks dudes for you replies!! sorted :slight_smile:

ohh man, I must be sleeping. :lol:

Your help is apprecioated :smiley: