change color and radius nav

Posted in: Newspaper
Post count: 297
ludyma
#345161
May 8, 2020 at 5:19 am

Hello, I have managed to round the navs, but there is one that is used for all the (a), how can I give only one class to that? so that it does not affect others.

a

  • This topic was modified 6 years by ludyma.
Post count: 35449
Calin
#345312
May 8, 2020 at 3:15 pm

Hi,

Please try this custom css-> https://i.imgur.com/7R3QOpD.png
.page-nav a, .page-nav .current {
border-radius: 50%;
}
.page-nav a:hover, .page-nav .current:hover {
background-color: #0076db;
color: #fff;
border-color: #4DB2EC;
}

This will apply only on pagination.

Hope it will help!

Post count: 297
ludyma
#345396
May 8, 2020 at 11:57 pm

Hello, thank you, the solution is medium, since some navs do not change, I have modified the suggested code so that it affects everyone, I attached it in case they want to change other users.

.page-nav a, .page-nav .current, .td-next-prev-wrap a, .td-ajax-prev-page, .td-ajax-next-page, .tdtd-trending-now-nav-left a, .td_ajax-prev-pagex, .td_ajax-next-pagex a, .td-trending-now-nav-right {
border-radius: 50%;
}
.page-nav a:hover, .page-nav .current:hover .td-ajax-next-page {
background-color: #0076db;
color: #fff;
border-color: #4DB2EC;
}

Post count: 35449
Calin
#345652
May 11, 2020 at 1:57 pm

Thank you for sharing the solution!
Have a nice day!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.