Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Change color of text

Change color of text

Locked

Views: 4,088

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
20 Apr 2007, 9:49 AM
#1
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Change color of text

I want ot change text color in sideboxes.
How could i do that.

20 Apr 2007, 1:02 PM
#2
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: Change color of text

In includes/templates/YOUR_TEMPLATE/css/stylesheet.css, edit this setting to set the background color to whatever you want (it's white in the example)

.sideBoxContent {
	background-color: #ffffff;
	padding: 0.4em;
	}

If you wanted to add an background image to the side boxes, it would look something like this:

.sideBoxContent {
  background-color: #000000;
  background-image: url('../images/space011.jpg');
	padding: 0.4em;
	}
21 Apr 2007, 5:25 AM
#3
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

afo:

In includes/templates/YOUR_TEMPLATE/css/stylesheet.css, edit this setting to set the background color to whatever you want (it's white in the example)

.sideBoxContent {
background-color: #ffffff;
padding: 0.4em;
}

> 
> ```
.sideBoxContent {
  background-color: #000000;
  background-image: url('../images/space011.jpg');
    padding: 0.4em;
    }

Thanks for your reply.
I have another challenges also.

  1. I want to add page in main menu with Home And Login like About Us, Contact Us.

  2. How could i change the color of the lower bar in each sidebox which is green by default.

21 Apr 2007, 5:28 AM
#4
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

Many Thanks for your response. Let me rephrase what I want to ask. In all the boxes on the right and left side there is a green bar at the bottom of the box. That needs to be changed to blue. And the text for the products inside the categories box is green. that too needs to become blue from present green. Check the pic below.

21 Apr 2007, 6:17 AM
#5
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Change color of text

The bottom bar color is controlled in your stylesheet as marked below> .leftBoxContainer, .rightBoxContainer {

margin: 0em;
border: 1px solid #9a9a9a;
border-bottom: 5px solid #336633;
margin-top: 1.5em;

}

And the color of links in your categories box is controlled as marked below

A.category-top, A.category-top:visited {

color: #008000;
text-decoration: none;

}

Finally, for the future, it's always easier to answer questions like this by looking at the site itself, rather than a picture of it.

21 Apr 2007, 6:25 AM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Change color of text

.sideBoxContent {border-bottom: 5px solid #0000ff;}
...not having your site to test on, this worked on mine which has borders off...

For the text, find or add these:

a.category-top {color: #0000ff;}
a.category-subs-parent {color: #0000ff;}
a.category-products {color: #0000ff;}
a.category-links {color: #0000ff;}

Some may not be necessary.
You may also want to edit

a.category-top:hover {color: #0000ff;}

a.category-top:visited {color: #0000ff;}

Adjust all colors etc to suit.

21 Apr 2007, 10:19 AM
#7
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

How can I make my borders off?

21 Apr 2007, 10:21 AM
#8
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Change color of text

Just remove from your stylesheet the styles that add them on.

21 Apr 2007, 11:15 AM
#9
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

I cant get your point .Will you please explain through any example.

21 Apr 2007, 11:17 AM
#10
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

How can I insert my pages as Main Menu like Home and Login?

23 Apr 2007, 6:45 AM
#11
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

I have to change the template completely. A picture will appear on top and the menu will be presented horizontally below the picture. Example right this page which has the menu above the pic - I want it below the pic.Also I want the site to have wide setting and not fixed width setting that comes as standard supply.

23 Apr 2007, 12:21 PM
#12
neelam_gahlyan avatar

neelam_gahlyan

New Zenner

Join Date:
Apr 2007
Posts:
17
Plugin Contributions:
0

Re: Change color of text

I have to sell books. How do I add entry fields to add author name, paperback/hardback and pages while adding a book.

Also how do I rename Manufacturers to Publishers

23 Apr 2007, 1:00 PM
#13
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Change color of text

For book listings, look at the Product Type Book mod in Downloads (link at top of this page).

You can change the order of parts in the header by moving blocks of code in /includes/templates/your_template/common/thl_header.php. Move the entire section from <!--bof branding display--> to <!--eof branding display--> so it is above <!--bof navigation display-->.

Change the width in your stylesheet. Find #mainWrapper and change width: xxxpx; to width: 100%;

Do you want your categories menu in the header instead of a sidebox? Then turn Categories-Tabs Menu on in Configuration > Layout Settings.

26 Apr 2007, 3:20 PM
#14
motti avatar

motti

Zen Follower

Join Date:
Feb 2007
Location:
Los Angeles
Posts:
348
Plugin Contributions:
0

Re: Change color of text

kuroi:

The bottom bar color is controlled in your stylesheet as marked below

And the color of links in your categories box is controlled as marked below

Finally, for the future, it's always easier to answer questions like this by looking at the site itself, rather than a picture of it.

Thx for that

am asking how can i change my side box text for way too long, lucky me i saw this post

Thank you

p.s it is look very simple for most ppl, how come no one answet t more than few time i askd for it, among other stuff, just wondering what i do wrong the i dont get to be answerd