Making buttons in smart list 3 bigger

Posted in: Newsmag
Post count: 226
salocharly
#43256
Mar 30, 2015 at 9:32 pm

hi guy,
I think buttons in smart list are a little hidden. how can I make them bigger or stick out in some way so people get it.

Thanks in a advance!

Post count: 7909
Alin [tagDiv]
#43339
Mar 31, 2015 at 1:56 pm

Hi,

You can try this custom css and change the values how you need: http://screencast.com/t/K5S3GVfB6ab

.td_smart_list_3 .td-icon-left, .td_smart_list_3 .td-icon-right{
min-width: 100px;
height: 35px;
}
.td_smart_list_3 .td-sml3-top-controls .td-icon-right, .td_smart_list_3 .td-sml3-bottom-controls .td-icon-right{
padding: 6px 10px 2px 25px;
}
.td_smart_list_3 .td-sml3-top-controls .td-icon-left, .td_smart_list_3 .td-sml3-bottom-controls .td-icon-left{
padding: 6px 25px 2px 10px;
}

Thanks!

Post count: 226
salocharly
#43647
Apr 3, 2015 at 12:40 am

Thanks a lot, how cna i make fornt and sympbol bigger as well?

Post count: 7909
Alin [tagDiv]
#43678
Apr 3, 2015 at 11:56 am

Hi,

Please try this custom css for that: http://screencast.com/t/LfCVnagYMlqv

.td_smart_list_3 .td-sml3-top-controls .td-sml3-control-text, .td_smart_list_3 .td-sml3-bottom-controls .td-sml3-control-text{
font-size: 20px;
}
.td_smart_list_3 [class^="td-icon-"]:before, [class*=" td-icon-"]:before{
font-size: 30px;
}

Thanks!

Post count: 226
salocharly
#43837
Apr 6, 2015 at 3:35 am

it worked too, one last question. If i wanted the color to be a dark pink and light pink in mouse over. would that be possible too?

Post count: 7909
Alin [tagDiv]
#43906
Apr 6, 2015 at 1:57 pm

Hi,

Please try this custom css for hover background: http://screencast.com/t/ebcM6KTvQb

.td_smart_list_3 .td-sml3-top-controls i:hover{
background-color: rgba(255, 134, 219, 1);
}

Thanks!

Post count: 226
salocharly
#43965
Apr 6, 2015 at 8:55 pm

hi there and thanks!!!

No what i mean is that the button color is a dark pink then mouse is not around.

but when mouse hovers it becomes a brighter pink. also please include code for the lower buttons as well.

Thanks again!

Post count: 7909
Alin [tagDiv]
#43998
Apr 7, 2015 at 8:35 am

Hi,

Please try this custom css background color: http://screencast.com/t/LmsCdUEsNZMn

.td_smart_list_3 .td-icon-left, .td_smart_list_3 .td-icon-right{
background-color: #D3249C;
}

Thanks!

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