css fix

hello.

thank you for all your help.

i have another question.

i need to fix and change the css file.
attached image is what i want to fix. there is 7 things that i want to change.
i want to back ground color black to white.
can you tell me which file and which line i should change it?

please help.

thank you in advance.

3 answers

Profile photo of thangnn1510 0.00 $tone December 11, 2010
Public

Hi John Park!

Please explain your questions. I’ve opened your screenshot but I only see the numbers, not the questions.

What you want to do with the numbers?

Regards!

#1
johnpark 0.00 $tone December 11, 2010
Public

all those numbers are the spot that i want to change the color.
it look very dark so i want to change it to brighter.

can you tell me which file i need to work on?
and which string.

thank you

#2
Profile photo of thangnn1510 0.00 $tone December 13, 2010
Public

Hi johnpark!

To change color for items:

1. open /skin/frontend/default/jm_natris/css/theme.css then change line 264

HTML Code:

#ja-header {
    background: url("../images/bg-01.gif") repeat scroll left top transparent;
}

and line 509:

HTML Code:

#ja-mainnav {
    background: url("../images/bg-01.gif") repeat scroll left top transparent;
    clear: both;
    position: relative;
    z-index: 2;
}

2. Change line 534:

HTML Code:

#ja-container {
}

3. Change line 518:

HTML Code:

.header-nav {
    background: url("../images/mainnav-bg.gif") repeat-x scroll left top #1C1C1C;
}

4. Change line 2741:

HTML Code:

.block-layered-nav .block-title {
    background: none repeat scroll 0 0 #1C1C1C;
    color: #FFFFFF;
}

5. Change line 2591:

HTML Code:

.block-compare .block-title {
    background: none repeat scroll 0 0 #4A8CD6;
    color: #FFFFFF;
}

6. This is an image from paypal, you shouldn’t change it color. if you want to disable it plz change this from line 2149:

HTML Code:

.paypal-logo {
    margin: 0;
    padding-bottom: 15px;
    text-align: center;
}

to this

HTML Code:

.paypal-logo {
    display: none;
    margin: 0;
    padding-bottom: 15px;
    text-align: center;
}

7. change from line 763:

HTML Code:

#ja-botsl .main {
    background: url("../images/bg-02.gif") repeat scroll left top transparent;
    color: #888888;
}

BTW, you should use firebug (an addon for firefox) to locate file and where to change css code.

Hope this helps you.

#3

Please login or Register to Submit Answer

Written By

Comments