Forums / Templates, Stylesheets, Page Layout / A few style questions!

A few style questions!

Locked

Views: 773

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
9 Feb 2009, 3:19 PM
#1
bungenstein avatar

bungenstein

New Zenner

Join Date:
Feb 2009
Posts:
19
Plugin Contributions:
0

A few style questions!

Hi, my cart is at: http://phonicfood.com/basket/

I'd like to know how to remove the white strip + logo, so that the grey section jumps up and takes its place.

Also how would I remove the text "Please Choose", the "This product was added at..." and the Unit Count info.

Cheers!

9 Feb 2009, 3:33 PM
#2
kuroi avatar

kuroi

Totally Zenned

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

Re: A few style questions!

The image is a banner which can be turned off and the white strip behind it is an image which can be removed from your stylesheet_tm.css file (about line 70).

You can find out where any text comes from by using the Developers Toolkit which is explained in this FAQ Entry.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

9 Feb 2009, 3:56 PM
#3
bungenstein avatar

bungenstein

New Zenner

Join Date:
Feb 2009
Posts:
19
Plugin Contributions:
0

Re: A few style questions!

Hey, thanks for that. I've managed to get everything to shift up, and the logo is gone, but the strip remains.

This is the area of code I'm looking at. Do I have the change the height of the grey box?

.navigation {background:#2C2C2C; border-bottom:2px solid #000000;}
.navigation .left {float:left; padding:30px;}
.navigation .right {float:right; padding-right:30px;}
.navigation .links {text-align:right; padding:26px 0px 12px 0px; color:#e6e6e6;}
.navigation .links a {color:#e6e6e6;}

.navigation .nav_1 {float:left; padding:4px 15px 3px 0px;}
.navigation .nav_2, .navigation .nav_3 {float:left; padding:1px 15px; border-left:1px solid #4D4D4D;}

.navigation .input_search {width:110px; padding:3px;}

.content_bg {background:#2C2C2C url(../images/bg_cont.gif) top repeat-x;}

.welcome {background:url(../images/welcome_bg.jpg) top left no-repeat; padding:0px 0px 30px 154px;}
.welcome h2 {padding:6px 0px 3px 0px;}

9 Feb 2009, 4:05 PM
#4
kuroi avatar

kuroi

Totally Zenned

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

Re: A few style questions!

.content_bg {background:#2C2C2C url(../images/bg_cont.gif) top repeat-x;}This one.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

9 Feb 2009, 4:10 PM
#5
bungenstein avatar

bungenstein

New Zenner

Join Date:
Feb 2009
Posts:
19
Plugin Contributions:
0

Re: A few style questions!

Ah, that gets rid of the white and the grey, I guess they are the same picture? Would I have to create another grey box?

The bc_cont.gif it refers to seems to be just a line, how would I replace it with a version without that white strip?

Cheers again!

9 Feb 2009, 4:12 PM
#6
kuroi avatar

kuroi

Totally Zenned

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

Re: A few style questions!

Sounds like you removed the whole of that style and not just the bits that refer to the image. The grey is comes from the #2C2C2C part.

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

9 Feb 2009, 4:15 PM
#7
bungenstein avatar

bungenstein

New Zenner

Join Date:
Feb 2009
Posts:
19
Plugin Contributions:
0

Re: A few style questions!

Aha thanks a bunch, mission accomplished! :smile: