Center Heading Title Cloud Smart List Sm4

Posted in: Newspaper
Post count: 108

Hello

Last month I ask the same question. this code

.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;
} 

is work on desktop https://www.screencast.com/t/a5hwaogsRst, but doesn’t work on mobile https://www.screencast.com/t/vYpnJTxNTkIp. Is there another code that can center the heading title of cloud smart list sm4 on both desktop and mobile?

Thank you.

  • This topic was modified 7 years by McDohl.
  • This topic was modified 7 years by McDohl.
Post count: 35449

Hi,

I tink you make some confusion with the heading title for smart list and the numbers of smart list
https://www.screencast.com/t/pdBPxPYn
https://www.screencast.com/t/QAglmlPNT

This custom css will work for all devices
https://www.screencast.com/t/hP3MWqWs4A
https://www.screencast.com/t/fGY7T8dg
https://www.screencast.com/t/hkmpEgPRk
https://www.screencast.com/t/DDwB5O3pF3Fe

Thank you for your understanding.

Post count: 108

Hello

I am sorry, I thought the default number can be parallel with heading title on mobile. Can you help me one more time? It is possible to hide the default number of SM4 with the CSS? Not with the center CSS code, just hide the default number.

Thanks

Post count: 35449

Hi,

If you refer at this number
https://www.screencast.com/t/2XiPsu145iBT
You need to add this custom css:
.tdb_smart_list_4 .tdb-sml-current-item-nr, .tdb_smart_list_4 .tdb-sml-current-item-title .tdb-sml-current-item-nr{
display: none;
}

See results: https://www.screencast.com/t/xGKJLUXSayax

Thanks.

Post count: 108

Hello

Thank you, work like charm on mobile and dekstop https://www.screencast.com/t/pmNzVEXdxlcu

best support ever. 🙂

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