SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Aug 29, 2018 8:06:00 GMT -8
Trying to figure out where I can go to make this link font turn bold and change size on mouse over?
|
|
SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Sept 3, 2018 15:20:35 GMT -8
Anyone?
|
|
inherit
76165
0
Jul 1, 2018 21:15:48 GMT -8
Beckea
Relax with a good book!
930
April 2006
purplescraps
|
Post by Beckea on Sept 3, 2018 21:51:34 GMT -8
Categories.
ADMIN > THEMES > Adv styles and CSS >Visual editor > CATEGORIES (BOARD LIST) > NAMES (FONT WEIGHT - BOLD CLICK SAVE CHANGES)
|
|
inherit
76165
0
Jul 1, 2018 21:15:48 GMT -8
Beckea
Relax with a good book!
930
April 2006
purplescraps
|
Post by Beckea on Sept 3, 2018 21:52:51 GMT -8
You could also user 600-700 lighter or darker increase number but BOLD will work for what you want it to do.
|
|
inherit
140147
0
Mar 26, 2024 17:20:16 GMT -8
Nscalerr 🐺
Throw me to the wolves and I'll return leading the pack!
2,991
May 2009
nscalerr
|
Post by Nscalerr 🐺 on Sept 3, 2018 22:11:58 GMT -8
Beckea what you gave will not change it on hover as requested by the OP. SafeInSanity add the following to the bottom of your stylesheet. /* Bold link and change size on hover. */ .link a:hover { font-weight: bold; font-size: 15pt; }
|
|
SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Sept 4, 2018 17:39:37 GMT -8
Beckea what you gave will not change it on hover as requested by the OP. SafeInSanity add the following to the bottom of your stylesheet. /* Bold link and change size on hover. */ .link a:hover { font-weight: bold; font-size: 15pt; } I tried this but it is not working.
|
|
inherit
140147
0
Mar 26, 2024 17:20:16 GMT -8
Nscalerr 🐺
Throw me to the wolves and I'll return leading the pack!
2,991
May 2009
nscalerr
|
Post by Nscalerr 🐺 on Sept 4, 2018 20:30:22 GMT -8
Interesting. It worked fine on my forum, (which is where I tested it).
Can I have a link to your forum?
|
|
SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Sept 5, 2018 18:10:02 GMT -8
|
|
inherit
140147
0
Mar 26, 2024 17:20:16 GMT -8
Nscalerr 🐺
Throw me to the wolves and I'll return leading the pack!
2,991
May 2009
nscalerr
|
Post by Nscalerr 🐺 on Sept 5, 2018 23:28:58 GMT -8
The screenshot is what happens on my forum with the following CSS. In what way is it not working?? When i hover over a link on your forum it does change, but from bold to normal. /* Bold link and change size on hover. */ .board .link a:hover { font-weight: bold; font-size: 15pt; }
|
|
SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Sept 8, 2018 11:09:16 GMT -8
Nscalerr 🐺, Yeah, as youy can see when you mouse over my board links they turn in to normal font size. I would like them to be bold and larger (stay the same) when moused over.
|
|
inherit
140147
0
Mar 26, 2024 17:20:16 GMT -8
Nscalerr 🐺
Throw me to the wolves and I'll return leading the pack!
2,991
May 2009
nscalerr
|
Post by Nscalerr 🐺 on Sept 8, 2018 21:21:37 GMT -8
After having taken a closer look at what actually happens when you hover on the link, I managed to capture the following.
.list .item > .main.state-hover .link a, .list .item:hover > .main .link a { color: #004fa0; font: medium Verdana,Geneva,sans-serif; text-decoration: underline; }
So by changing things to have what we want, it will then behave.
/* Bold link and change size on hover. */ .list .item > .main.state-hover .link a, .list .item:hover > .main .link a { font-weight: bold; font-size: 15pt; }
If not a second version using the !important tag.
/* Bold link and change size on hover. */ .list .item > .main.state-hover .link a, .list .item:hover > .main .link a { font-weight: bold !important; font-size: 15pt !important; }
|
|
SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Sept 10, 2018 4:02:57 GMT -8
Thank you. This code worked, but I had to change the font size to 12pt for some reason? /* Bold link and change size on hover. */
.list .item > .main.state-hover .link a, .list .item:hover > .main .link a {
font-weight: bold;
font-size: 12pt;
}
|
|
inherit
140147
0
Mar 26, 2024 17:20:16 GMT -8
Nscalerr 🐺
Throw me to the wolves and I'll return leading the pack!
2,991
May 2009
nscalerr
|
Post by Nscalerr 🐺 on Sept 10, 2018 9:00:08 GMT -8
I put 15pt due to not knowing the font size you needed at the time.
|
|
inherit
76165
0
Jul 1, 2018 21:15:48 GMT -8
Beckea
Relax with a good book!
930
April 2006
purplescraps
|
Post by Beckea on Sept 10, 2018 11:54:19 GMT -8
Trying the code myself. Hate when hovering it is smaller and not the font-family I want. Thanks for sharing your problem SafeInSanity! This will help me as well.
|
|
SafeInSanity
Junior Member
Falling in love with Proboards again!
Posts: 424
inherit
23917
0
Feb 27, 2020 11:29:13 GMT -8
SafeInSanity
Falling in love with Proboards again!
424
May 2004
wiki
|
Post by SafeInSanity on Sept 13, 2018 14:32:53 GMT -8
Trying the code myself. Hate when hovering it is smaller and not the font-family I want. Thanks for sharing your problem SafeInSanity ! This will help me as well. Glad we could help
|
|