How do I increase the size of Smartlist 6 buttons?

Posted in: Newspaper
Post count: 43

I want to increase the size of the smartlist 6’s “Next” and “Previous” buttons and change its colors. Also, is it possible to make it show the pagination buttons at the extreme ends like it does in Smartlist 7?

Post count: 22421

Hello,

Sorry but the smart list pagination does not have any settings to change the position. The buttons on smart list 6 can be increased using this css code:

.td_smart_list_6 .td-smart-list-button{
padding: 18px 50px!important;
font-size: 26px;
}

You can change the font size and padding in the code and then place it in the theme panel under the custom code section.

Thank you!

Post count: 43

Hi,
I tried the code but it didn’t change anything. Also, it shows an error in the custom CSS panel for the use of exclamation mark. Please advice.

Post count: 22421

Please provide a link to your site so I can inspect it.
The ! warning is the use of important warning and it can be ignored. A big red x is the one that break the code so if you have a red x in your custom css, then please check the code that causes it as no other css after that will work.

Thank you!

Post count: 43
Post count: 22421

Hello,
Please use this code instead:

.td-smart-list-button{
padding: 18px 50px!important;
font-size: 26px!important;
}

Thanks.

Post count: 43

That works! Thank you!

Post count: 43

I want the button color to be #4db2ec and when the mouse hove on buttons it should turn black. Can you give me the codes for the same? Thanks.

Post count: 20688

Hi,

So something like this – https://www.screencast.com/t/VrRWW9GdO
Making small customizations such as this one is possible with the browser inspector tool, as mentioned in this guide
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
In this case the code would look like this

.td-smart-list-button {
background-color: #4db2ec;
}
.td-smart-list-button:hover {
background-color: #000;
}

Thanks

Post count: 43

Thanks Simon!

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