Extended Info Link - Changing Style?

[Penfold]

Hi, Thanks to you both for your replies.

The format I want my link text to appear is: -

<span class=title>More Info</span>

The class title is formatted as follows from my CSS: -

.title {
	font-weight: bold;
	font-size:17px;
	font-family: arial, verdana, sans-serif;
	color:#95b37f
}

It might not be suitable, but if I can get it working with this class I can either use another more suitable or create a new one.

Regards,

Andrew

[jont]

add " to the class

<span class="title">More Info</span>

[Penfold]

Adding the quotes, makes no difference <span class="title">More Info</span> is still displayed.

Regards,

Andrew

[magicalwonders]

Hi Andrew

The class needs to be added here

Design / Text / Goto / Phase -1, ID 1191

<A HREF="%s" class="title">

Give that a try and see what happens.


Myles

[Penfold]

I'll give it a go, but won't this change all my links?

Regards,

Andrew

[magicalwonders]

No, the code at 1191 is for pop-up link only.

Myles

[Penfold]

Hi,

Tried adding the 'span="title" to 1191, but no change in it's appearance.

Regards,

Andrew

[magicalwonders]

Forget the span stuff for a minute,


Just type <A HREF="%s" class="title"> at 1191. No span, just as you see it here.

Myles

[Penfold]

Sorry my typing mistake.

I've tried exactly as you've posted and no change.

Andrew

[magicalwonders]

Have you uploaded the store so that we can look at the code? It will be easier to see what's going on.

Myles

[magicalwonders]

Andrew, Just noticed your CSS is wrong. It should be something like this.

a.extinfolink:link{
color:blue;
background: none;
text-decoration:none;
}

a.extinfolink:visited{
color:red;
background: none;
text-decoration:none;
}

a.extinfolink:hover{
color: blue;
background: none;
text-decoration:none;
}

a.extinfolink:active{
color:red;
background: none;
text-decoration:none;
}

Replace extinfolink with title and add the extra bits you want.

Have to dash out for a few hours. Give this a try. It will work.

Myles

[Penfold]

Fantastic, it works!!!

Many, many thanks for your help and more importantly your paitence.

I do have a question regarding the CSS.

What is the 'a' that is at the begin of the line, I notice that in the CSS, some entries have it, others don't?

Thanks once again & best regards,

Andrew

[wjcampbe]

HTML stands for Hypertext Markup Language, in that language a means anchor, so everything beginning with an a in a css file relates to a hypertext anchor. Anchors are used to provide links (in other words a connection between pages, or separate named parts of the same page). The two halves of an on page link are a named anchor <a name= and a reference <a href= - you can see this in action on our Pharaohs Timeline page, just visit and view source.

HTML filenames can be used as anchors without having to do an explicit <a name=, and it is this that allows us to navigate the web.

So the short answer is, the a tells the Browser, apply this style to anchor text (and a.visited tells it apply to anchors that have already been clicked etc,). Does that help?