Asking for a little help please

Posted by manogolf on May 11, 2009 at 2:03pm

I am using the slate theme and have a question regarding background color. I am creating a store with ubercart and when you view the category page the background color is white. At the product level display is as it should be.

I messed with every instance of #fff in the css code without any luck.

Any suggestions?

Thanks,

Jerry

Attachment	Size
catalog page for slate.jpg	29.33 KB

Comments

You try Firebug for firefox?

Posted by tommyent on May 11, 2009 at 9:03pm

You try Firebug for firefox? You should be able to find it without a problem.

I would say a table inheriting style from systems.css or somewhere just a guess.

I did use firebug but it did

Posted by manogolf on May 12, 2009 at 2:29am

I did use firebug but it did not help much. But then firebug does not often help me. Likely because I don't always recognize the displayed information.

CSS Files?

Posted by kojow7 on May 12, 2009 at 5:12am

What css files did you edit?

style.css from the theme

Posted by manogolf on May 12, 2009 at 1:22pm

style.css from the theme folder

This is where it is

Posted by tommyent on May 12, 2009 at 1:25pm

uc_catalog.css ?t (line 72)

.category-grid-products td {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
padding:20px;
text-align:center;

I put together a test and found it for you.

Above is what you will have to override if you want to use the grid view. If you uncheck the grid setting the default table uses the sites background color so you will not have to edit anything if you can live with the view.

I am grateful..

Posted by manogolf on May 12, 2009 at 1:48pm

I did open up the uc module folder looking for a css file but did not drill into each subfolder. I was on the scent and should not have given up on the hunt so quickly. It is logical to find the controlling file in uc.

I am curios how you set a test to find the file. But I can live in curiosity.

Thanks again.

Jerry

I meant I installed

Posted by tommyent on May 12, 2009 at 2:16pm

I meant I installed ubercart put some products together and configured the catalog as you had it.

The css is in the uc_catalog folder.
I am not sure if you plan on editing the uc_catalog.css file in the folder but you will have to do it every time you upgrade the module if you do it that way. I would create a sub theme for all your css tweaks whether they be for the theme or the module css.

http://drupal.org/node/263967

Or even easier, override in

Posted by stephthegeek on May 12, 2009 at 4:42pm

Or even easier, override in your local.css file: http://drupal.org/node/418326#local-css

~~~
{ Drupal Themes from TopNotchThemes }

~~~
{ TopNotchThemes | Fusion Drupal Themes }

Awesome

Posted by tommyent on May 12, 2009 at 5:40pm

Did not see that.

And that is exactly what I

Posted by manogolf on May 12, 2009 at 9:21pm

And that is exactly what I did.

The ability to keep css mods in a local.css file is brilliant and a principle reason for my choosing these themes to work with.

Many thanks.

Well I thought I was

Posted by manogolf on May 13, 2009 at 8:46pm

Well I thought I was finished.

The css mods added in local.css file are only half working. Changing border-top and border-left are having no effect after flushing cache:

}
.category-grid-products table {
text-align: center;
width: 100%;
border-top: 1px solid #fff;
border-left: 1px solid #fff;

Changes to border-right and border bottom are taking after flushing cache

}
.category-grid-products td {
text-align: center;
padding: 20px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #fff;
}

Is there any logic to this?
--Jerry

I dont think I understand.

Posted by tommyent on May 13, 2009 at 9:50pm

What you have above really doesn't change anything noticeable.
Or I am not following.
Can you attach or copy and paste the local.css

What I posted above did not

Posted by manogolf on May 13, 2009 at 11:04pm

What I posted above did not include any changes amde. Sorry for the confusion it was an attempt to explain what was going on without actually showing the changes.

So here are the changes I am attempting compared to the original above:

}
.category-grid-products table {
text-align: center;
width: 100%;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
.category-grid-products td {
text-align: center;
padding: 20px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #000;
}

Changes made to category-grid-products td are taking effect while changes to category-grid-products table do not.

All changes are effetive when modifying uc_catalog/style.css however when attempting to change through local.css the result is per attached screenshot.

Having the ability to keep your working changes in the local.css file removes the need to edit future file after applying updates. Real handy.

--Jerrry

If that is exactly what you

Posted by tommyent on May 14, 2009 at 11:36am

If that is exactly what you have on the local css delete the first line. The bracket (or brace as some say) is causing it.
It worked fine for me.

This is all you want

.category-grid-products table {
text-align: center;
width: 100%;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
.category-grid-products td {
text-align: center;
padding: 20px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #000;
}

That worked just fine.

Posted by manogolf on May 14, 2009 at 1:09pm

That worked. Most of the time it is the simple stuff that hangs you out there. And that was about as simple as it gets.

Thanks for taking the time to look at this for me.

No problem

Posted by tommyent on May 14, 2009 at 1:36pm

I saw it the first time around I just was not sure if it was accidentally clipped when it was copied.
Glad I could help.

Off topic I love the instant preview comments. Well almost instant.