1
stumpy
newbb - hover colour
  • 2006/3/2 10:48

  • stumpy

  • Just popping in

  • Posts: 21

  • Since: 2005/5/11


I am trying to change the hover colour of the user name at the top of a post from red to white because I find the red hard to read, i think i need to change the colour in a class somewhere, the text I required to change is in newbb_thread.html

At the moment the user name is in red which is hard to read, I want to change this to white, when you place the mouse over the text it turns black, the link colour is black which is ok.

I have used search but found nothing, if you can help or know of a post on here which may help I would be most grateful.

2
Watdehek
Re: newbb - hover colour
  • 2006/3/2 12:59

  • Watdehek

  • Friend of XOOPS

  • Posts: 130

  • Since: 2005/2/21


You need to change this in the CSS files from your theme.

Locate the div.dropdown items.

3
iHackCode
Re: newbb - hover colour

its using the class in style.css in the theme: td#centercolumn th
CBB / LatestNews / Publisher / XM-Spotlight

(ノ◕ヮ◕)ノ*:・゚✧

4
stumpy
Re: newbb - hover colour
  • 2006/3/9 12:11

  • stumpy

  • Just popping in

  • Posts: 21

  • Since: 2005/5/11


Still having trouble with this, decided to take the hover out and just have a text link but again the color is red and hard to read, I can change this to another colour in the theme but this also changes the normal text which I don't want.

I have tried changing
.comTitle

I tried to add a colour to

comUserName
.comUserName {color: #990000}

this was
.comUserName {}

before I changed it

am I looking in the right place?

in newbb_thread.html the code refering to the text link is

<a id="forumpost<{$topic_post.post_id}>"></a>
<table class="outer" cellpadding="0" cellspacing="0" border="0" width="100%" align="center" style="border-bottom-width: 0px;">
<tr>
<th width="20%" align="left">
<div class="comUserName"><{$topic_post.poster.link}></div>
</th>

<th width="75%" align="left"><div class="comTitle"><{$topic_post.post_title}></div></th>
<th align="right"><div class="comTitle" style="float: right;"><a href="<{$xoops_url}>/modules/newbb/viewtopic.php?post_id=<{$topic_post.post_id}>#forumpost<{$topic_post.post_id}>">#<{$topic_post.post_no}></a></div></th>
</tr>
unless I am in the wrong place I think the text highlighted refers to the text link on the post when you are viewing a post and at the top it shows the posters name, when you click on the posters name it takes you to their details, this all works except I cat see how to chane the colour, the colour is red and changes to black when you place the mouse over the text.

any ideas, thanks

5
Quest
Re: newbb - hover colour
  • 2006/3/9 12:45

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


Quote:

Bandit-X wrote:
its using the class in style.css in the theme: td#centercolumn th


There are many places this could be and without seeing your site it is difficult to say exactly where to change it but here is what you are looking for in the style.css(which as BanditX says, probably located in your Theme (theme folder of the theme you are using).

It could be in the css for the Body or it could be somewhere else like BanditX points out which pertains specifically to the location of where the text link is you are trying to modify.

In any event you want to look in your style.css for this type of class or instruct. There could be more than one place this code could be inside the style.css so all you have to do is find the right ones for the specific location of the text you want to change.

The a below is the active link with color etc. (what shows before it is clicked on.

a
{
color: #FF6600;
text-decoration: none;
font-weight: bold;
}

The a: hover is what will show when the mouse curser moves over the link.

a:hover
{
color: #004080;
text-decoration: underline;
}

Xoopity doo dah, xoopity aye, my oh my what a xoopity day!

6
stumpy
Re: newbb - hover colour
  • 2006/3/9 13:15

  • stumpy

  • Just popping in

  • Posts: 21

  • Since: 2005/5/11


Quote:

Quest wrote:
Quote:

Bandit-X wrote:
its using the class in style.css in the theme: td#centercolumn th


There are many places this could be and without seeing your site it is difficult to say exactly where to change it but here is what you are looking for in the style.css(which as BanditX says, probably located in your Theme (theme folder of the theme you are using).

It could be in the css for the Body or it could be somewhere else like BanditX points out which pertains specifically to the location of where the text link is you are trying to modify.

In any event you want to look in your style.css for this type of class or instruct. There could be more than one place this code could be inside the style.css so all you have to do is find the right ones for the specific location of the text you want to change.

The a below is the active link with color etc. (what shows before it is clicked on.

a
{
color: #FF6600;
text-decoration: none;
font-weight: bold;
}

The a: hover is what will show when the mouse curser moves over the link.

a:hover
{
color: #004080;
text-decoration: underline;
}

Xoopity doo dah, xoopity aye, my oh my what a xoopity day!





Quest - You are a star, changed the

a
{
color: #FF6600;
text-decoration: none;
font-weight: bold;
}

The a: hover is what will show when the mouse curser moves over the link.

a:hover
{
color: #004080;
text-decoration: underline;
}



It now works, thank you very very much.

and thanks to everybody else for the help and you time

Cheers everybody

7
Quest
Re: newbb - hover colour
  • 2006/3/9 13:31

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


Glad to be of some help.

Happy Xooping!

Quest

Login

Who's Online

237 user(s) are online (161 user(s) are browsing Support Forums)


Members: 0


Guests: 237


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits