change colors of next an back buttons

Posted in: Newspaper
Post count: 1

plz i want to change colors of next and back buttons(black) in list topic model i want to make them transparent

Post count: 20685

I assume you are talking about the Smart List – Style 7, and the Back/Next buttons above and below the article, try entering this code in Theme Panel->Custom Css

.td-smart-list-button {
background-color: transparent;
color: #222;
}
.td-smart-list-button:hover {
background-color: transparent !important;
color: #4db2ec;
}

If this not what you are talking about, please provide more info about what you want to change, like a screenshot or link.

Thanks

Post count: 21

Hi, I’m trying to change the black background of the Previous and Next buttons on smart list too. I added the code you provided in Theme Panel/Custom Code/Custom CSS, and then changed the color of the black to something else….but nothing changed. See http://www.goworldtravel.com/best-dude-ranch/

Can you please let me know if I need to do something else? Thanks!

Post count: 20685

Hi,

Sorry for misunderstanding, try this code for the Prev/Next buttons background transparency

.td-left-smart-list, .td-right-smart-list {
background-color: transparent;
}

And only add this one if you want the buttons to be transparent on hover too

.td-left-smart-list:hover, .td-right-smart-list:hover {
background-color: transparent;
}

Please let me know if this works for you

Thanks

Post count: 6

What about the black shop color buttons? (Add to cart & Select Options buttons)

Post count: 20685

Hi,


@jahoffman
Please provide a link if possible and more information about what and how you want to change so i can be sure to give the best solution that works for you.

Thanks

Post count: 21

Thanks for your reply. I was able to make the buttons transparent, http://www.goworldtravel.com/best-dude-ranch/, but I’d really like to make the buttons a color (maybe light gray) so they are more noticeable. How can I do that? Thanks!

  • This reply was modified 9 years by jlgraber.
Post count: 20685

Hi,

To change the buttons from transparent to a color, lightgrey for example, just change the background-color to whatever you want in the code from above like this

.td-left-smart-list, .td-right-smart-list {
background-color: lightgrey;
}

Result – http://screencast.com/t/CiflU7fq

Thanks

Post count: 21

That worked perfectly. Thank you!

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