Hello
How to center smart list 6 title on cloud template?
I want this title in the middle.
Thanks and best regard
Mc Dohl
Hi,
Please provide a link to the website where I can see the problem, that would be very helpful.
Thank you for your understanding.
Hello
That my localhost. Before I make a post on my website, I want heading title on smart list 6 in the middle, it is possible to use custom CSS?
Hi,
Yes it is, or you can use cloud template, get from there a template for your post ( https://www.screencast.com/t/1w0ThBgZ ).
see the results: https://www.screencast.com/t/QaHBw4An0m
Thanks.
Hello
I don’t use that smart list template, I use this template on my cloud template:
https://demo.tagdiv.com/newspaper/whitewater-rafting-day-trip-new-york-east/
I want the heading title in the middle, because I use short heading title.
It is possible to use custom CSS?
Hi,
If this ( https://www.screencast.com/t/wOiGEeSbVdAN ) is what you want, than please paste the below css in Newspaper>Theme panel> Custom code > Custom css.
.td_smart_list_6 .td-sml-current-item-title{
text-align: center;
}
Thanks.
Looks good, but I want the number of heading title too in the middle. 🙂
Hi,
Please replace the above css with this one:
.td_smart_list_6 .td-sml-current-item-title {
display: contents;
}
.td_smart_list_6 .td-sml-current-item-nr {
margin-right: 15px;
position: relative;
}
.td_smart_list_6 .td-number-and-title {
text-align: center;
}
Thank you.
Awesome, work like charm! Thank you very much 🙂 have a nice day 🙂
Best regards
Hello @Calin
Thanks for the code that you give me yesterday, but the code is doesn’t work on cloud template https://prnt.sc/l70pyo. the smart list 6 on cloud template is have different number https://prnt.sc/l70r6x, when I apply that code, the heading title no changes at all https://prnt.sc/l70rv8. But if I apply the code in regular post template https://prnt.sc/l70tt8, the code https://prnt.sc/l70uo3 is work perfectly https://prnt.sc/l70ucu.
Smart list 6 type becomes SM 4 in cloud template. Please help me again sir.
Best regards
Hi,
The css I give to you is only for default smart list, not cloud smart list; for cloud smart list sm4 please try this css
.tdb_smart_list_4 .tdb-sml-current-item-nr,.tdb_smart_list_4 .tdb-sml-current-item-title {
display: inline-table;
}
.tdb_smart_list_4 .tdb-number-and-title h2{
text-align: center;
}
See results: https://www.screencast.com/t/kzWxRuxx
Thank you for your understanding.
Amazing, thank you very much sir! best assistance ever! Have a nice day 🙂
Best regards
Mc Dohl 🙂
