Sidebox font sizes different

Hi All,

Im having a problem on my site where the fonts in the sidebox headings are different sizes.

Im hoping that this is controlled somewhere in the css file.

The site is http://www.eastcoasthobbies.com.au

Any help would be great.

Cheers

Brett

brettw:

Hi All,

Im having a problem on my site where the fonts in the sidebox headings are different sizes.

Im hoping that this is controlled somewhere in the css file.

The site is http://www.eastcoasthobbies.com.au

Any help would be great.

Cheers

Brett

Br,
The problem you are having is that you have two stylesheet's fighting each other.

1. stylesheet.css
2. stylesheet_old.css
3. Use a program Winmerge or take time to have 1 stylesheet.css
4. What happens is the stylesheet_old.css is the last place Zen looks:
5. So if you edit stylesheet.css, and the same declaration is in stylesheet_old.css nothing happens.
6. Take time and consolidate to one sheet...:smile:
7. I know a pain, but well worth the effort for customization

haredo:

Br,
The problem you are having is that you have two stylesheet's fighting each other.

2. stylesheet.css

3. stylesheet_old.css

4. Use a program Winmerge or take time to have 1 stylesheet.css

5. What happens is the stylesheet_old.css is the last place Zen looks:

6. So if you edit stylesheet.css, and the same declaration is in stylesheet_old.css nothing happens.

7. Take time and consolidate to one sheet...:smile:

8. I know a pain, but well worth the effort for customization

Thanks for the reply haredo...:D

I have removed the _old.css file as it was not doing anything however still no joy in getting all the headings the same..

Excuse my ignorance here however should I also look into the individual sidebox php files for the sizes or does the css file take care of it?

Cheers

Brett

brettw:

Im having a problem on my site where the fonts in the sidebox headings are different sizes.Im hoping that this is controlled somewhere in the css file.

Thanks for cleaning up the Css folders with one stylesheet.css

This will get you started:

includes/ templates/ ech/ css/ stylesheet.css

Find this:1. >

2. .leftBoxHeading {

margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}

3. Change to:

4. .leftBoxHeading, rightBoxHeading {

margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}Delete this:1. >

2. .leftBoxHeading {

margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}

having read this thread please can you tell me what "padding" means.

Am I right in assuming to change the colours of the various boxes to match my side colours and logo, would I follow the path ....includes/ templates/ ech/ css/ stylesheet.css.... or if not, could you point me in the right direction.

Also while I am in that area can I also bring the fonts sizes into uniformity.

Many thanks :lamo: (smack me around the head for being dim, but with something that doesnt hurt !).

silverspring:

having read this thread please can you tell me what "padding" means.

Am I right in assuming to change the colours of the various boxes to match my side colours and logo, would I follow the path ....includes/ templates/ ech/ css/ stylesheet.css.... or if not, could you point me in the right direction.

Also while I am in that area can I also bring the fonts sizes into uniformity.

Many thanks :lamo: (smack me around the head for being dim, but with something that doesnt hurt !).

Very simple Padding means:

1. If you are standing in the middle of a Picture Frame
2. It is the space between you and the edge of the frame.
3. padding: 1 em 1em 1em 1em;
4. Means: top, right, bottom, left
5. Margin means: the spacing from one picture frame to another..:smile:
   includes/templates/ech/css/stylesheet.css
6. use your ftp program to navigate and your editor to change the .cssDo you want the boxes on the right column the same as the left column???

no, all my boxes are correctly placed, I just want to change their colours and sort out the fonts, but need a helping hand.

Also, can I edit whilst in the FTP or do I download those files, edit and then upload ?

silverspring:

no, all my boxes are correctly placed, I just want to change their colours and sort out the fonts, but need a helping hand.

Also, can I edit whilst in the FTP or do I download those files, edit and then upload ?

what colors do you want the side boxes to be??

at present they are are mauve/purple colour; I want them to be one colour and match up with the colour of my side panels; also the fonts on the boxes seem to be odd sizes - those need to be one size too

silverspring:

at present they are are mauve/purple colour; I want them to be one colour and match up with the colour of my side panels; also the fonts on the boxes seem to be odd sizes - those need to be one size too

Is this your site: http://www.eastcoasthobbies.com.au/

no, its http://www.embroiderella.co.uk

S,
Now we are on the same page.

What are your problems???

Yes, this is the path to change the declarations in the .css

includes/templates/your_template/css/stylesheet.css

no problem as such, just need to tweek things.
Firstly I want to being that gastly mauve to tone in with the lavender/lilac colours and also need to check the fonts are set correctly.

also am i right in assuming you download to the hd, tweek and then upload ....or can you do it whilst connected to the ftp.

silverspring:

no problem as such, just need to tweek things.
Firstly I want to being that gastly mauve to tone in with the lavender/lilac colours

You will need photoshop to create a new tile_back.gif file

1. these are the header colors above each side box
2. I believe this is what you want to change
3. If so, 11 x 30 is the size
4. Create the color and upload to:
5. root directory/ images
6. includes/ templates/ your_template/ images

haredo:

Thanks for cleaning up the Css folders with one stylesheet.css

This will get you started:
Thanks for the reply.

I made the changes however the headings are different sizes still.

Any further advice would be great.

Thanks

Brett

brettw:

Thanks for the reply.

I made the changes however the headings are different sizes still.

Any further advice would be great.

Thanks

Brett

B,

this is what I see:

1. .leftBoxHeading, rightBoxHeading {
   margin: 0em;
   background-color: #db251f;
   padding: 0.5em 0.2em;
   }
2. you forgot the . Sorry It was me from the post above
3. Change to:
4. .leftBoxHeading, .rightBoxHeading {
   margin: 0em;
   background-color: #db251f;
   padding: 0.5em 0.2em;
   }You forgot to delete this from the sheet:
5. .rightBoxHeading {
   margin: 0em;
   background-color: #676767;
   padding: 0.2em 0em;
   }
6. Delete it all please
   

haredo:

B,

this is what I see:

2. .leftBoxHeading, rightBoxHeading {

margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}

3. you forgot the . Sorry It was me from the post above

4. Change to:

5. .leftBoxHeading, .rightBoxHeading {

margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}You forgot to delete this from the sheet:

2. .rightBoxHeading {

margin: 0em;
background-color: #676767;
padding: 0.2em 0em;
}

3. Delete it all please

Wow thanks for the quick reply.

I have moved it to the test site http://zentest.eastcoasthobbies.com.au as I broke the live site while playing around.. :huh:

The changes have been made on the test site however still not joy with the same size headings on the side boxes and a side issue of the changes is that the headings are all red now instead of red on the left and grey on the right.

Thoughts

Thanks

Brett

tell me one step at a time

1. how do you want the heading boxes colored

If it could be red on the left and grey on the right the same as the live site

http://www.eastcoasthobbies.com.au

Then if we could get the font sizes the same for the sidebox headings i.e it is different between say on the left between shopping cart and search.

Cheers

Brett

brettw:

If it could be red on the left and grey on the right the same as the live site

http://www.eastcoasthobbies.com.au

Then if we could get the font sizes the same for the sidebox headings i.e it is different between say on the left between shopping cart and search.

Cheers

Brett

One at a time please..

Find this:
.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}

We will be replacing with the declarations below:

Change to this:

.leftBoxHeading {
margin: 0em;
background-color: #db251f;
padding: 0.5em 0.2em;
}

.rightBoxHeading {
margin: 0em;
background-color: #676767;
padding: 0.5em 0.2em;
}