What's wrong with my D7 Homepage- Strange stylings

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
jggarley's picture

For some reasons I can't figure out why my D7 homepage style format mess up. Every other pages style formats appear they way they suppose to be except the homepage. Can you someone please help me solve this nightmare issue I'm having with my site.
Site URL: http://ulaalib.org/

Comments

What do you mean the style?

gdbwb05's picture

What exactly do you mean something is wrong with the styling? Do you mean the css style sheet or do you mean how the page is being rendered. The only difference I saw was that the sidebar was on the right hand side instead of the left between the front and sub - front pages.

I mean how the homepage is

jggarley's picture

I mean how the homepage is rendered. The CSS styling is different the other pages. Take for example...the font size - it shows up too large on the homepage. Look at the footer menu on the homepage vs that of other pages.

Most likely because a parent

greta_drupal's picture

Most likely because a parent style on the homepage is setting the base font. Do you have Firebug installed on Firefox? Even if you have Chrome, there is a built in "Firebug lite". Use that to see the CSS hierarchy.

Are you using a custom frontpage? Such as the Views frontpage? If so, the styles for that are overriding (or affecting through inheritance), your styles for other pages.

If you are using any custom template files, that too could be affecting the change.

Be sure that you haven't

greta_drupal's picture

Be sure that you haven't inadvertently turned off any needed stylesheets through Omega UI (settings).

You know to NOT directly modify the Omega stylesheets, right? You need a subtheme, where you do all your customization, including CSS overrides.

You've got lots of layout

greta_drupal's picture

You've got lots of layout issues.

Only local images are allowed.

The back pages are overriding your CSS

dugjohnson's picture

Viewing source using Firebug.
Your front page looks like straight Drupal. The back pages look like they have a lot of style code that is in the content. What you are seeing in the back pages is styling that was applied to the actual content (or so it seems to me).
That means two things...first, your CSS on the front page IS your actual CSS. To make it look more like the rest of your site you will need to bring the CSS into line with your intent.
Secondly, I would check to see why there is so much stylin' going on. Seems to defeat the purpose of having a content management system and will prevent you from changing the look and feel of the site in the future, since the style of the content will override any CSS changes you make.
This is just my quick take on what I see. There may be a very good reason for what I see there.
***Update****
I just looked again and those problems are on your About Us page, but not everywhere.
Try using Firebug to really look at the CSS application.
BTW, you might want to try to get the person responsible for all the CAPS ON work to cool it. You can use CSS to make it look all caps or small caps, but it is hard enough to make a site look at something when you have normal content.

css on web page.

arboldeolivo's picture

Here's one possible problem:
The font size seems large; Try changing them and see what happens.

.block-topic-news .view-content .views-field-title a {
float: left;
font-family: Georgia,"Times New Roman",Times,serif;
font-size: 140%;
font-weight: bold;
padding: 0 0 10px;
width: 100%;
}

.block-topic-news .attachment .view-content .views-field-title a {
font-family: inherit;
font-size: 100%;
font-weight: bold;
padding: 0;
}

This one also:

id="yui_3_2_0_1_1345078850350334" style="color: rgb(0, 0, 255); font-family: Tahoma; font-size: 19px; line-height: normal; text-align: -webkit-center;

arboldeolivo
Olive Tree Web Design
Web Design in San Diego

switch out the font-size

gdbwb05's picture

Yeah, I would just switch out the font-size to 100%.

block-topic-news .view-content .views-field-title a{
font-size: 140%;
}

switch to

block-topic-news .view-content .views-field-title a{
font-size: 100%;
}

Plus, you might also want to watch the order of any custom style sheets in the theme's .info folder. Your going to run into problems because your over riding the same thing in different style sheets. It looks like you are customizing 2 different style sheets. I would condense them into 1 (green-style.css).