different colour for links in post body.

Hi folks.

Been doing some research but have struggled to find an answer.

The topic title of a post (and the link hover) seems to be the same colour.

What i am looking for is a way to make the added link text a different colour from the topic title.

Below is a screen shot of the current setup



it is the "this is a link to google added with the link button" that i would like to have as a different colour to topic titles and body text.


Hope you can help

(skin is Vistaplain as far as i know)

Cheers

Merrik

Admin Panel > Pics & colors > Colors > Link Colors > Choose the color

Thanks for the reply.

I had already tried that.

Maybe i should have mentioned i believe this to be a CSS based fix.

CSS was holding the forum title colour to white till i figured how to ammend it in the CSS.

I would rather NOT turn the CSS off as it messes with the layouts of the applied skin.

Thanks again.

Sanket
You can use such a code.

Code:

[url=http://hitskin.com][color=red]Sanket[/color][/url]

Thanks for that Sanket.

Will give it a go now.

However i was looking for a more automated solution if possible as some of our forum members are not hugely code literate.

Cheers

Merrik

Code:

a.postlink:link{
    text-decoration: none;
    color : #666362;
        }

Find this code in your CSS, change the color #666362 to whatever you want. I have tried it, it works.

List of color codes-Click Here

Many thanks again Sanket.

I have tried what you suggested but still to no avail.

Below is an extract from the CSS imported with the skin. This is the only area with reference to .postlink

}
.postlink {
color: #FF0000;
border-bottom-color: #FF0000;
}
.postlink:visited {
color: #2c00ea;
border-bottom-color: #2c00ea;

}

.postlink:active {

color: #368AD2;

}

.postlink:hover {
text-decoration: bold;
background-color: #D0E4F6;
color: #ff0000;
}
ul.topiclist li.row dt a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}


I have noticed that the suggestion you posted was "a.postlink" whereas it seems that used on our forum does not have the a. prefix. As a relative CSS virgin (learning rapidly though) will it make a difference?

Thanks Again

Merrik

PS: if you want a full copy of the CSS let me know as i have it saved across to a .txt file just in case

Did you deactivate the basic css: Yes?

Hi Sanket.

I did try turning off the Basic CSS but again no joy.

Alot of the formatting went all over the place but still no link color as needed.

I have also cleared browser cache etc.

Does installing a skin through the forum admin port the CSS across? If so should i possibly look for an alternative skin?

Well, i am not sure. I tried it on invision & it worked great, which version are you using?

Erm.. now you may have me stumped.

We are on Forum motion

Theme version : phpBB3 (prosilver)
Skin: Vistaplain

merrik wrote:Erm.. now you may have me stumped.

We are on Forum motion

Theme version : phpBB3 (prosilver)
Skin: Vistaplain

Yes we are on forumotion, but we also have invision version of skins.

Well what you need to do is, copy the basic css. Find this content

Code:

.postlink {
   color: #368AD2;
   border-bottom-color: #368AD2;
   }

Change the color, Copy paste the whole css there & hit save.

Also Deactivate the basic CSS:Yes

Its working for me, i tried it on phpbb3.

Sanket... i know you must be pulling your hair out by now..

But.. i think i need to get my head around a couple of things here..

I have checked the hitskin site and the vistaplain skin is a phpBB3 skin as far as i can see.

when i click in the CSS Stylesheet tab there is the visible CSS which belongs to the Vistaplain Skin (call it skin CSS) yes?

If i click "see your forum basic CSS" this is the forum motion basic CSS (call it basic CSS)?

Deactivate the basic css = yes means the forum uses skin CSS?
Deactivate the basic css = no means the forum uses basic CSS?


you say

Well what you need to do is, copy the basic css. Find this content

Code:
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}

T
so that means copy the whole basic CSS?? then find the .postlink parts

you then say -

Change the color, Copy paste the whole css there & hit save.

So.. from that i read it as "i edit the relevant part of the basic CSS, copy the whole of the basic CSS then paste it over the top of the skin CSS??"

This would then replace the skin CSS with the edited basic?

Deactivating the basic CSS would then use the edited basic CSS



Now please accept my most humble apologies if i am being a plank and have got this all wrong but surely that defeats the object of having a SKIN CSS if i replace it with an edited basic CSS?

Kind regards and sorry again but i am a little confused here

Merrik

Well, what i want you to do is copy paste the basic css into a word file, find the part where that code is to be changed, just change the color code. Now again copy it & paste it in the place, hit save. Hope that is understandable.

HI Sanket

Have done as you asked.

Copied basic CSS into word, altered color code, copied and pasted the whole code back into the window below the "view basic forum css" link overwriting the css that was there which i am assuming was the skin css. submitted.

Result below.



All links took the red colour. Not just the Link to the "flexifoil trick stunt kite" as i am trying to achieve.

Oh... and now the Profiles all appear on the right having reverted back to the original css (which i copied and saved before pasting the edited css over it in case the edited css did not work) even though the Admin, general, forum, config setting is set to "profile position in messages - left"

... Not sure if the question was answered, but this is pretty simple to fix (once I actually found the part of the stylesheet that dealt with the content of posts!)

Enter the following into your stylesheet:

Code:

#wrap div#page-body div.post .content a {
color: DESIRED COLOR;
}

I did not have the basic css disabled for this fix. But it should work either way...

and then you can of course repeat this to get rollover effects by adding :hover :active :visited to the end of the "a".

Hope this answers your question.