Web Design books forever template assistance!

Hi,
I am new to css, but am well up on html, I have downloaded the books forever template and am trying to change some text, now I'm not thick but when I try to change the text "Welcome to our site" it never changes?? I have even gone into the source & changed it there but it still displays the origional text? Now I'm stumped! I've looked in the css to see if it's there but it's not....
So I am forced to ask here!!!
Any idea? I could have picked something simpler to start learning css with!

Thanks in advance.

Ken

 

link to template

here is where I got it from...

Free CSS | Free CSS Templates | Books Forever Free CSS Template

 

Downloaded the template.
Used AlleyCode HTML Editor
Was able to change any or all text

-
AlleyCode is a free HTML (& CSS) editor
Free HTML editor wysiwyg - Alleycode HTML, Text, PHP editor , Free ...

HTML editor - Alleycode HTML wysiwyg editor is an intuitive, robust and fully functional editor with unique features such as: Synchro View, real time two ...
www.[B]alleycode[/B].com/ - Cached - Similar
Download
Screenshots
Features

It has a good help file (Quick start tutorial)
-
hope this helps
falcon

 

Books Forever
Text at lines:
125
136
137
150
151
164
165
178
179
204 - 210
Title line 4
Menu lines 25 - 31
title "welcome to our site line 124
title "top best sellers line 132
-
this should help some
-
falcon

 

Thanks For this falcon, I use Nvu (komposer) but could not change the "welcome to our site" text, I'll give this one a try, you never know I may even change from Nvu!!
Even though css looks simple it's not! & no tuts ever tell you where you need to place edits or where to add new code to an exsisting file or where to place the html in order to achive the dsired effect!!
Not good trying to learn new code at my age!!

 

You need an image editor to change that, because the "welcome to our site" is an image. In the stylesheet.css the class is
#maincol_top h2

The maincol_header.gif contains what you are looking for. So even if you change the text in the html nothing will happen because that doesn't do anything.

Ok now, you can do the following to setup a text string without creating or modifying images:

In the stylesheet.css change this code:

Code:

#maincol_top h2 {
    width : 121px;
    height : 32px;
    background : url('images/maincol_header.gif') no-repeat 0px 0px;
}

to this:

Code:

#maincol_top h2 {
    width : 121px;
    height : 32px;
    /*background : url('images/maincol_header.gif') no-repeat 0px 0px;*/
}

In the index.html change this code:

Code:

        <h2><span>Welcome to our site</span></h2>

to this

Code:

        <div style="font-size: 14px; font-weight: bold; padding: 8px 0px;">Welcome to our site</div>

then play around with the div style to make it the way you want.

Later you can setup a new class in the stylesheet if you want to pass the formating there.

 

Enigma, what a star!! an explanation I can actually figure out, one thing though no idea what you mean by this "Later you can setup a new class in the stylesheet if you want to pass the formating there. "

But I will do what you say & let you know what happens.
Cheers,
Ken

 

Just tried it and it worked perfect. could you tell me what /* means? it looks simple but does a lot!

 

It is used for commenting. The contents between /* … */ are ignored by the program you are using.

 

yes you can comment out sections of a CSS file enclosing the parts in /* */ sequences but you cannot nest them. And inside the html files commenting out code is different you use the angle brackets.
<!-- html code -->

For the class I mentioned earlier once you adjust the properties of the div line
<div style="font-size: 14px; .........
so the end result looks good you move the div as a separate style inside the style.css file so you don't bloat the html with css properties and it can be reusable.

For example you index.html could contain
<div class="heading_line">Welcome to our site</div>

and the style.css you have

Code:

.content .heading_line {
  font-size: 14px; 
  font-weight: bold; 
  padding: 8px 0px;
}

And so the rule for the html line only applies to the immediate child of content class (see the line just above the welcome string with the content class)

 

Wish me luck. I am getting ready to set Books Forever up for my site to sell my ebooks and beading patterns. I just went through this posting and read all the hints that were given. I hope I can do this right. At least it is better than trying to work with PSP.

Marilyn

 

Help!

HELP! I was able to download the template and create a couple of pages but when I tried to upload it, it said it required Zend Optimizer. I tried doing what Zend told me and it not only did not work but it also destroyed my main blog, Grandma Marilyn's. I cannot get it to come back up. Don't know what I am doing wrong.

Is there some way to get around this Zend thing. I love the template and would love to make it mine but until I get around this problem, there is no hope.