Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing colors


allk-9

Recommended Posts

Hi,

 

How do I change the colors of the bars that contain the section titles (Categories, Manufacturers, Shopping Cart, Specials, etc. etc.) The are currently a light gray/blue color and I want them to be maroon.

 

TIA :blink:

Link to comment
Share on other sites

I changed something in the stylesheets that looked like it should work, but it didn't. Does anyone know what in the stylesheets controls the colors of the rows? As a matter of fact, I would really like the top bar with the top >> catalog words to be tan and the rest of them to be maroon.

 

If anyone can help I would greatly appreciate it. FYI: I am using Dreamweaver to edit these.

 

Thanks :blink:

Link to comment
Share on other sites

for the breadcrumb navigation look at tr and td headernavigation background.

 

for the td infoboxes i.e manufacturer etc.

 

look at infobox

 

do you require the exact locations and colour codes?

No longer giving free advice. Please place deposit in meter slot provided.  Individual: [=] SME: [==] Corporation: [===]
If deposit does not fit one of the slots provided then you are asking too much! :P

Is your Osc dated try Phoenix  raising oscommerce from the ashes.

Link to comment
Share on other sites

Exact locations would be great, I think I can steal the color codes from my web pages.

 

Sorry to be such a newbie. I can build web pages no problem, but I am having trouble figuring out how to modify osCommerce to look like the rest of my site.

 

I haven't even started looking at how to delete the sample products and add my own! I guess I'll be visiting this forum quite a bit. Thanks for all of the great help.

Link to comment
Share on other sites

first line should be line#34 and the second line line#49 this is for the top nav bar, I have highlighted in red the parts to change for the background and green for the the words

 

TR.headerNavigation {
 [COLOR=red]background: #ffd073;[/COLOR]
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 [COLOR=red]background: #ffd073;[/COLOR]
 [COLOR=green]color: #ffffff[/COLOR];
 font-weight : bold;
}

 

For the infoboxes such as manufacturers line 124 again I have highlighted in red this is the background, green is the words colour

 

TD.infoBoxHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 [COLOR=red]background: #fab174;[/COLOR]
 [COLOR=green]color: #ffffff[/COLOR];
}

No longer giving free advice. Please place deposit in meter slot provided.  Individual: [=] SME: [==] Corporation: [===]
If deposit does not fit one of the slots provided then you are asking too much! :P

Is your Osc dated try Phoenix  raising oscommerce from the ashes.

Link to comment
Share on other sites

Hi there,

 

I was to put up a background in the top header table. Would this also be in the css file? I'm working with header.php to try and do this, rather than look in the css file. This is what I have, but its not working:

 

<table border="0" width="100%" cellspacing="0" cellpadding="0" background"tep_image(DIR_WS_IMAGES . 'header_index_background.gif', 'header background')">

<tr class="header">

<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'header_index.gif', 'header_index') . '</a>'; ?></td>

</tr>

</table>

 

 

I'm new to PHP, so I don't think I'm doing this right. Can anyone please give me some guidence? You can take a look at what I've got here: www.bigblowouts.com

 

Thanks!!

Saad

Link to comment
Share on other sites

I know you said you didn't want to change the stylesheet but it really is a lot easier to do it that way.

 

This is what I have in my stylesheet for the header with background:

 

TR.header {
 background-image: url(images/newbck.gif);
background-repeat: repeat-x
}

 

If it's a single image and you don't want it repeated, it would just be:

 

TR.header {
 background-image: url(images/yourimage.gif);
}

Link to comment
Share on other sites

"There are two theories to arguing with women. Neither one works. "

 

LOL!

 

Hey, it worked! Thanks!! Do you also know how to change the page titles? I looked for the code in several php pages, but I can't find it. =))

 

Thanks,

Saad

Link to comment
Share on other sites

In catalog/includes/languages/english.php

 

Look for:

// page title
define('TITLE', 'title here');

 

And then simply replace whatever is there with what you want.

 

This will make the page title the same on all pages. If you want different titles for different pages, there is a contrib called something like Header Tags Controller floating about.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...