Author block customization

Posted in: Newspaper
Post count: 61
pbc
#261025
Nov 7, 2018 at 11:12 am

Hi, I can’t change author post/comments count hover color.
Post count hover

One of the code I tried


.td_top_authors .td_mod_wrap:hover .td-author-post-count {
background-color: #fff;
}


I’ve tried many different variations, nothing worked, please help.

Thanks

Post count: 35449
Calin
#261062
Nov 7, 2018 at 1:52 pm

Hi pbc,

Please provide a link were I can inspect the problem, in this way I will be able to give you the proper custom css for hove.

Thank you for your understanding.

Post count: 61
pbc
#261101
Nov 7, 2018 at 5:02 pm

Is there a way to post link in private?

Post count: 35449
Calin
#261185
Nov 8, 2018 at 9:25 am

Hi,

Maybe you refer at this: https://www.screencast.com/t/Vm4Xl0RoX84
.td_top_authors .td_mod_wrap:hover .td-author-post-count,
.td_top_authors .td_mod_wrap:hover .td-author-comments-count {
background-color: lightblue;
color: black;
}

Hope this will help you.
Thanks.

Post count: 61
pbc
#261189
Nov 8, 2018 at 9:37 am

Yes, this works, now it shows border on hovering author block.

border

How to fix that?
Thanks

Post count: 61
pbc
#261198
Nov 8, 2018 at 10:04 am

Also how to remove this rectangle, and display only number, and on hover to change it to blue?

remove

Thanks

  • This reply was modified 7 years by pbc.
Post count: 35449
Calin
#261233
Nov 8, 2018 at 12:05 pm

Hi,

Please try this:

.td_top_authors .td_mod_wrap:hover .td-author-post-count,
.td_top_authors .td_mod_wrap:hover .td-author-comments-count {
background-color: transparent;
color: #4db2ec;
}

See results: https://www.screencast.com/t/8lZZDYwNnv
You can change the color if you want.

Thanks

Post count: 61
pbc
#261236
Nov 8, 2018 at 12:17 pm

This code works, but still I have this small border on hovering over this block:

border

How to remove it?

Thanks

Post count: 20687
Simion C.
#261276
Nov 8, 2018 at 4:20 pm

Hi,

A code like this one will remove the border, please give it a try

.td_top_authors .td_mod_wrap,
.td_top_authors .td_mod_wrap:hover {
border: none;
}

Thanks

Post count: 61
pbc
#261278
Nov 8, 2018 at 4:22 pm

Great, that’s working now. Thanks Simion

Viewing 10 posts - 1 through 10 (of 10 total)
You must be logged in to reply to this topic.