Hello, I would like to make the Load More button the same size as the block area, Black backdrop and the Load More text in Purple. How can I achieve this? Here is the link: https://sneakerfiles.com/test/
Hi,
So maybe something like this? – https://www.screencast.com/t/vs1sdOtliz
.home .td_block_5 .td_ajax_load_more {
display: block;
}
.home .td_block_5 .td-load-more-wrap a {
background-color: #111;
color: #551A8B;
}
I could modify it if needed, just mention how exactly.
Thanks for the reply. So everything looks great…however is it possible to make the bar larger in height?
I could modify the padding, this is double the default value
– https://www.screencast.com/t/krBAsrTKq
Add it to the code from above. The first value will affect the top-bottom meaning height, you can modify it was you want
padding: 16px 10px;
Awesome. One last thing, how can I make the “Load More” button and the arrow that points down bigger.
Seems you already did that for the text. The arrow size can be increased like this
– https://www.screencast.com/t/qst89DKmVQcG
.home .td_block_5 .td_ajax_load_more i {
font-size: 15px;
}
Modify the font value as needed.
