Dear All,
I have a question about Smart List Style (Design) Option because it’s very poor.
I can’t make button (next, previous) design as I wish for example rounded, move other elements
Can’t move image above txt (first image, then txt)
etc
I was looking on forum, but nothing
Hi,
There are different types of smartlists https://forum.tagdiv.com/smart-lists/, the extra that you want can be achieved with custom code css like applying border radius on the button.
Thank you!
Dear Anamaria,
yes, there are several Smart List types, but with fixed design.
In CSS there I can’t see button border design option.
Beside button border, how we can:
– Change button content (delete arrows for Previous, Next on center of button, etc.)
– Change image position (left or right, if we set Smart List in full width of Page, etc.
https://www.tech-lifestyle.com/gadzeti-i-it/top-5-spikerfoni-u-2023-godini/
In short, is there way for more design control of smart lists?
Can we expect improvement of this in one of next theme versions?
Also, when activating the page in the smart list, even though we created a tagDIV template, I see that we have to activate one of the default templates as well. Does it have to be that way or are we doing it wrong?
Hello,
You can do it with custom code css -> https://i.imgur.com/II5JDIS.png
.td-smart-list-button
{
border-radius: 25px;
}
Set the code in Theme Panel -> Custom Code -> Custom CSS.
You need to use the smart list from tagDiv Composer, inside Single Post Content ->
https://i.imgur.com/dbipPWQ.png according to the documentation https://forum.tagdiv.com/smart-lists/. You can create the smart list in Gutenberg.
Also, you don’t need to use the classic editor, you can use the Gutenberg editor, which is the default editor for WordPress and select/add the element classic https://i.imgur.com/9sWuCtW.png to add the smart list.
Thank you!
Hi Anamaria,
thank you for info. It working.
https://www.tech-lifestyle.com/gadzeti-i-it/top-5-spikerfoni-u-2023-godini/
Anyway, Smart List Fine Tuning is stil missing 🙂
Hi,
To customize, you can do it only with a custom code, as per my code for border-radius.
Thank you!
