How To Change The Color And Style Of Load More

Posted in: Newspaper
Post count: 102

Want to change the style of Load More also want to change that color, how can it be possible!

Post count: 23312

Hello Gadgetsay,

If you want to change the color for the load more button (and on hover mode), you will have to use a bit of CSS code for doing that. Please try the code below and place it in Theme panel->Custom CSS area.

.td-load-more-wrap a:hover {
background-color: pink;
border-color: red;
color: green;
}
.td-load-more-wrap a {
color: green;
}
.td_ajax_load_more {
border: 1px solid blue;
background-color:yellow;
}

The result you should see here -> http://screencast.com/t/PxlrO1tJ1u7

Thanks for your understanding!

Post count: 102

Not this type I want, I want to add like this!
This Image Example

Post count: 23312

Hello Gadgetsay,

You will have to add and this code to your CSS above in order to achieve as you wish.

The code is ->

.td-load-more-wrap a {
width: 696px;
}

In the future, if you want to customize your website you will have to create yourself the custom CSS code for achieving as you like because all of these processes are custom made and involve additional customizations. A very useful tutorial you should find here -> https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks for your understanding!

Post count: 102

Thank You Sir!

Post count: 102

But sir after applying the code its only visible good on the front page as latest article! the rest on sidebar its outranging the style,

Post count: 23312

Hello Gadgetsay,

The code that I provided you above is available only for the desktop version on full width, without sidebar. This is a basic example for this button. So, if you want to make it responsiveness, please notice that you will have to do some additional customizations that involve custom work and we cannot provide support for this type of request.

Thanks for your understanding!

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