Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

header background color edit


dumb_question

Recommended Posts

hmmmm..... it all happens in the stylesheet.... you might want to poke around a little and make sure you clear your cache or quit and restart your browser - the cache can make you crazy... :wink:

Link to comment
Share on other sites

  • Replies 60
  • Created
  • Last Reply

This is your current setting for the Box Headings ... infoBoxHeading ...

 

TD.infoBoxHeading {

FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: #f2f4e2; TEXT-TRANSFORM: uppercase; COLOR: #0f7e63; FONT-FAMILY: Verdana, Arial, sans-serif

}

 

What color do you want them to be? If black, change:

 

BACKGROUND: #f2f4e2

 

To read:

 

BACKGROUND: #000000

 

Your main color in your stylesheet is the grey #f2f4e2

 

Hope that helps you out a bit.

Link to comment
Share on other sites

Thanks for your response.

 

I am not sure if you meant td infobox heading because the current settings are { font-family: Times New Roman, Arial, sans-serif;

font-size: 14px; font-weight: bold; background: #F2F4E2; color: #000000;text-transform: uppercase;}

 

 

In any case, i am content with the info box heading settings. my question was about the color of the text within the infoboxes . For example in the category infobox , the color of the "product categories"

 

 

Also, can you tell me how I can increase the gap between the top navigation bar and the body .

 

thanks for your help

Link to comment
Share on other sites

oK..i observed one more thing... when I change the color of the text in "infobox contents", it changes the color of the text in all the info boxes except the "categories" infobox. I want to change the color in there too.

..

 

help is appreciated

Link to comment
Share on other sites

It's rather hard for me to suggest anything to you.

 

The URL you provided is alwyas just grey everything, yet you sound like you are making changes.

 

I cannot see them so I really cannot help you much on them. :shock:

Link to comment
Share on other sites

The reason you are having a problem is the placement of the class="MyClass"

 

This code must fall inside the <a href> tag

 

Even if you had the class in the <table> <tr> and <td> that class will not change the links. They will use the default A and A.hover class

 

Now if you had the <a class="MyClass" href blah blah blah> then your new class would work.

Link to comment
Share on other sites

I would appreciate if you chose another name than "D.....b"

 

I also think Linda was refering to this line in "YOUR" source. Please take a look at it. Please note it hase reference to "class"

 

"<td align="left" class="boxText">» <a href="http://www.kashmircompany.com/default.php?cPath=1">Silk Pashmina</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=2">Pure Pashmina</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=3">Pure Kashmir Wool</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=4">Embroidered Scarves</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=9">Embroidered Jackets</a><br>»» <a href="http://www.kashmircompany.com/default.php?cPath=5">Prestige Collection-></a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=8">Tapestry</a><br></td>

</tr>"

 

Now I just looked at your Website and saw that the links are in Blue - right?

 

Now the color blue is controled by what is in the /stylesheet - roger so far?

 

The /stylesheet is to found at

 

"/catalog/stylesheet.css"

 

Roger so far?

 

Your best thing is to play around with some of those settings - until you find the one that speaks to it. My reason for saying that is your pages are changed around somewhat.

 

Byron :?

BG

 

Making the internet community better. Knowledge is power.

Link to comment
Share on other sites

I have no idea what you are talking about( i am not a computer guy at all) If you really want to help, then you will have to tell me what and where exactly I need to mke changes.

 

Thnaks

 

Example:

 

This uses the stylesheet.css class A and A.hover settings:

<a href="http://www.kashmircompany.com/default.php?cPath=1">

 

This uses a new class added to the stylesheet.css and overrides the settings for A and A.hover settings:

<a class="MyNewClass" href="http://www.kashmircompany.com/default.php?cPath=1">

 

 

Added new class settings in stylesheet.css would be:

A.MyNewClass{

 color: #FF0000;

 text-decoration: none;

}



A.MyNewClass:hover {

 color: #FF0000;

 text-decoration: underline;

 background: #8080FF;

}

 

Now you just need to figure out the changes needed to get the class="MyNewClass" inside that <a href> statement.

Link to comment
Share on other sites

Byron...i chose that name after deligent deiberation. Sorry I will have to disappoint you on that. :D

 

on a serious note, I am familiar with stylesheet. there is nothing that is blue in there. my previous question was " on what file is the source that you displayed in your response" so that and change it as per Linda's suggestion.

 

DUMB

Link to comment
Share on other sites

on a serious note, I am familiar with stylesheet. there is nothing that is blue in there. my previous question was " on what file is the source that you displayed in your response" so that and change it as per Linda's suggestion.

 

/me looks at all the pretty blue links on Dumb's site ... oh look how they change to a pretty purple *after* I have clicked on them ...

 

Umm ... they sure look blue to me too. :shock:

 

Perhaps you have already clicked them all so you forget that new people see blue?

 

Perhaps you have changed your browser settings so you do not see the blue/purple links?

Link to comment
Share on other sites

If you were to edit /includes/boxes/categories.php and find this line:

 

    $categories_string .= '<a href="';

 

And change it to read:

    $categories_string .= '<a class="MyNewClass" href="';

 

Then make the two new classes I showed you for A.MyNewClass and A.MyNewClass:hover ... and set the colors you want for them ... and do a F5 or Shift Refresh ... you should find the links change colors

Link to comment
Share on other sites

looks like "dumb" isnt able to put his point across....he wants links looks black all the time...not blue or purple :)

 

Now i made the changes you suggested...and the links do tun black instead of purple when clicked ...but they still look blue!

 

 

I know you can help me with this Linda!

 

DUMB

Link to comment
Share on other sites

Could you set the colors in the new class I gave you to the colors you want?

 

You said you understood stylesheets.

 

I gave you example colors.

 

You need to set the colors now.

 

*Look* at the link is the A.MyNewClass color

 

*Stick your Mouse or Hover over the link* is the A.MyNewClass:hover color

 

I do not know what else to tell you other than now set the right colors for what you want them to be for that single box.

 

You have the settings working ... now fix your stylesheet to have the correct colors for the Link and the correct colors for the hover.

Link to comment
Share on other sites

Note: if your real site you are testing on is what you posted above, your View Source does *not* reflect the changes I showed you.

 

I see this for the /includes/boxes/categories.php generated code:

<!-- categories //-->

         <tr>

           <td>

<table border="0" width="100%" cellspacing="0" cellpadding="0">

 <tr>

   <td height="14" class="infoBoxHeading"><img src="images/infobox/corner_left.gif" border="0" alt="" width="11" height="14"></td>

   <td width="100%" height="14" class="infoBoxHeading">Categories</td>

   <td height="14" class="infoBoxHeading" nowrap><img src="images/pixel_trans.gif" border="0" alt="" width="11" height="14"></td>

 </tr>

</table>

<table border="0" width="100%" cellspacing="0" cellpadding="1" class="infoBox">

 <tr>

   <td><table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">

 <tr>

   <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>

 </tr>

 <tr>

   <td align="left" class="boxText">» <a href="http://www.kashmircompany.com/default.php?cPath=1">Silk Pashmina</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=2">Pure  Pashmina</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=3">Pure Kashmir Wool</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=4">Embroidered Scarves</a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=9">Embroidered Jackets</a><br>»» <a href="http://www.kashmircompany.com/default.php?cPath=5">Prestige Collection-></a><br>» <a href="http://www.kashmircompany.com/default.php?cPath=8">Tapestry</a><br></td>

 </tr>

 <tr>

   <td><img src="images/pixel_trans.gif" border="0" alt="" width="100%" height="1"></td>

 </tr>

</table>

</td>

 </tr>

</table>

           </td>

         </tr>

<!-- categories_eof //-->

Link to comment
Share on other sites

If your View Source is not showing the new class you made for the <a href> tag I don't see how you can test the colors of the new classes.

 

Can you change the code in the /includes/boxes/categories.php so it adds the new class you made to it?

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...