Minor changes and editing of site

[itsDVDtime]

Hey guys,

im puzzled with something, please checkout strathfieldonline.com.au/index.php

I have some changes that i need to do,

- I want to change the colour of the font in the categories section on the left.

- Also in the category section there is a green box between the red towords the bottom of it, i can't find out where the image is, can you help?

- how do i remove the 'curreny, search box and languages' from the site?

- i also want to add my own small image next to each of the categories, how do i do that?

- Lastly when you first go to the site, the category section goes green than changes to the red. (if you miss it re fresh the page) how do i stop it, or at least make the green same colour as red.

thanks heaps and i apppreciate it

regards

danny

[itsDVDtime]

anyone??

[stevesh]

If you plan to continue using this or other Template Monster templates, here's the best advice I can offer:

Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.


To get you started, to change the text color in the Categories sidebox, find this in stylesheet_boxes.css and change the color: to what you want:

#categories li a{color:#0a4651; font-size:14px; line-height:18px; text-decoration:underline; font-weight:bold; padding-left:0; display:block;}

[gjh42]

For category links color, find in your stylesheet or add
#categories a{
color: #112233;
}
Adjust to taste.

The yellow at the bottom of the categories box is the background showing through between the main box background image and the box-bottom image.

stylesheet_boxes.css (line 85)
#categories .box {
background:url("../images/box1_bg1.gif") no-repeat scroll left top #CDDE0A;
margin-bottom:28px;
width:100%;
}
Delete the no-.

The "green" (I see more of a yellow) is the box background-color (#CDDE0A). Set that to a red and the difference will not be noticeable.

[itsDVDtime]

Hey thanks for all your help, really appreciate it.

also yeah i now about he firefox plugin, but im at work and im using remote access and its too slow.

umm ive got 2 more questions if you can help.

in the top bar (index) there is a slight pink line going right through. where can i find that to remove it?

also how can i add a small image next to each category link??

Lastly do you know where i can find a good imaeg slide show? i want to change the big green box in the middle but i don't care if i have to manually edit the site, (doesnt need to be a plugin)

thanks heaps

danny

[gjh42]

Add to the category link rule

#categories a{
color: #112233;
background-image: url(../images/category_marker.gif);
}

Save category_marker.gif (or whatever you want to call it) in /includes/templates/your_template/images/ .

[gjh42]

That line is the background-color showing through a gap between background-images of the eight nested divs that TM uses to make the round-cornered rectangle in the header. They don't quite cover the entire area, probably because you have some dimension slightly larger than their stock version. Change the color here:

stylesheet_tm.css (line 29)
.header_t .row2 {
background:url("../images/header_bg3.gif") repeat-x scroll left top #DA0550;
width:100%;
}

Something like #BA0550 looks good to me.

[itsDVDtime]

Hey Guys,

thanks for everything worked perfectly.

how ever ive got another question, how do i make another page??

basically ive added a few images on the sidebox and i want to link it to another page

thanks heaps

danny

[gjh42]

Simplest method: make an ez-page at admin > Tools > EZ-Pages.
Link address like <a href="index.php?main_page=page&id=23">
Replace 23 with the id of your new ez-page.

[itsDVDtime]

hi, i tried what you said but now im getting a error 404 page not found.

what have i done wrong??

thanks