This is G o o g l e's cache of http://www.ubercart.org/forum/support/1619/css_style_sheet_question as retrieved on Jul 31, 2007 23:39:37 GMT.
G o o g l e's cache is the snapshot that we took of the page as we crawled the web.
The page may have changed since that time. Click here for the current page without highlighting.
This cached page may reference images which are no longer available. Click here for the cached text only.
To link to or bookmark this page, use the following url: http://www.google.com/search?q=cache:8uFuajJclJYJ:www.ubercart.org/forum...

Google is neither affiliated with the authors of this page nor responsible for its content.
These search terms have been highlighted: 07 31 2007
Ubercart

* Home
* Documentation
* Forums
* Issues
* Livetest

Home » Forums » Ubercart » Support
CSS Style Sheet Question
Submitted by kaizen on Tue, 07/31/2007 - 10:08
kaizen

Posts: 24
Joined: 07/03/2007

Okay I have been able to create what I feel is a fairly good theme for drupal using PHPTemplate page.tpl.php and node.tpl.php and one style.css style sheet. It has always amazed me what one can do with one style sheet and a pretty blank html file (Thank you CSS Zen Garden). I have been able to just about change every aspect of how this particular page looks using one CSS file and just pretty much overwritting things. I do however have one thing that I just can not figure out; now normally when I can not figure it out I used Web Developer the firefox extension and Outline Current Element and BAM I know exactily what needs to be changed in the CSS file.

Well I am stumped. Below includes a screen shot of exactily what it is I am having trouble changing and it has to do with the Checkout section of Ubercart. I need to change the color of the font used to move information or links on the checkout page because the blue used is too dark. I used Billing Information to show this to you guys however it is anywhere on that page that appears to be a link/span of sorts. Let me elaborate on what I have tried and the failed attempts.

Failed Attempts:
1)
.fieldset-wrapper span {
color: #666666;
}

2)
.fieldset-wrapper span, a {
color: #666666;
}

3)
#uc-cart-checkout-form span, a {
color: #666666;
}

I do believe I have tried a few other things but so far I have no been able to change the color of that font in which I am attempting. I just want any other color at the moment so that I can see the results and modify it from there. Sometimes by me just writing this out I think of something and figure it out (I will post back with an answer if this does happen) as Ryan probably has noticed by now considering I have threads with nobody but me talking to myself in healthy conversation. =)

Any help or suggestions that anyone could make I would be most grateful. Ubercart > *

- Franksta
Attachment Size
blue.jpg 145.41 KB

* Add new comment

permalinkTue, 07/31/2007 - 10:21
Ryan

Posts: 1659
Joined: 09/26/2006
AdministratorCode Monkey Head - I eat bugs.

This one is definitely my bad... this is an area where I wrote code months ago before being schooled in good design by various people here on the forums. That span is using a style attribute in the tag itself AND I didn't give the span an ID. Bad Ryan! A simple fix would be for you to change the color in uc_cart.module in the function uc_checkout_pane_building() in the 'theme' case for the switch(). You should see it there... lemme know if you can't find it.

In the meantime, I'll break this out and use proper CSS to style the link. My apologies... I've hated that thing for a while, too. Really, the whole copy thing is due for an overhaul so I may not even bother to make this quick fix and just implement the new system mentioned in my Alpha 8 Battle Plans.

* reply

permalinkTue, 07/31/2007 - 14:28
kaizen

Posts: 24
Joined: 07/03/2007

I love CSS because I am a graphic designer which I am sure I have explained before however I thought I might give this a shot. I edited uc_cart.module and searched for uc_checkout_pane_building and came up with nothing however going back one word I did find:

* uc_checkout_pane_cart
* uc_checkout_pane_customer
* uc_checkout_pane_delivery
* uc_checkout_pane_billing
* uc_checkout_pane_comments

and I now have a headache trying to find variables I am familure with enough to change font color. I understand and have wrote Java before so I know what I am reading here it all makes sense I am just not seeing what I need to be I guess.

... However I did find "Click to copy your delivery information." which I figured might bring me to a point where I can find some more info and I see this:

$output .= ' '
. t('Click to copy your delivery information.') .'';

"rgb(0, 0, 125)" is that used to define the color? If so is there a general place I can edit this and all the fields like this will change? I know I am looking for an odd hack for the moment but your code here is definately over-taking my overwrite code in my CSS file considering you stuck it all in the span style="" lol. You got me good this time! Haha maybe I can do an ! important and overwrite it, I'll try that too later.

Let me know A) If I can find a general place to edit that color for all those spans and if not B) if I am on the right track and the rgb is the color that needs to be replaced.

Thanks,

- Franksta

* reply

permalinkTue, 07/31/2007 - 14:53
Ryan

Posts: 1659
Joined: 09/26/2006
AdministratorCode Monkey Head - I eat bugs.

Hey man... sorry about my slip there. It is _billing, not _billing. Shocked I've found that lately I'm typing more and more words incorrectly that sound somewhat similar... which is funny, because it means my fingers have a mind of their own! (Notice I didn't misspell building even though I thought I was typing billing!)

Anyways, the problem with the way it is right now is that A is impossible. There is no simple way to edit all spans like that, but it's really just that one and the click to calculate shipping link. The new code will fix that.

And for B, you're right. That is the right value to change. You don't have to use an RGB value... any normal ol' color value will do.

* reply