Change the next previous icons with custom icons.

Posted in: Newspaper
Post count: 53

Hi I send you an image to understand.
How i can change these icons with my own icons??? Also is it possible to change read more with a custom image?

http://www.alexiptoto.com/wp-content/uploads/2014/10/knossos14128527421-400×218.jpg

Post count: 6600

Hi,

You can change the icons via custom css:
* http://screencast.com/t/Pp0DNPzW
* http://screencast.com/t/GhBxVKgQ9Ubh
Use this custom css and customize it like you want:

.td-next-prev-wrap .td-ajax-next-page {
background-image: url('http://png-4.findicons.com/files/icons/1951/iconza/32/right_arrow.png') !important;
background-repeat: no-repeat;
display: block;
width: 50px !important;
height: 50px !important;
background-position: initial !important;
top: 1px;
right: -20px;
}

You will have to do the same for the prev arrow:

.td-next-prev-wrap .td_ajax-prev-page {
...
}

This is for the load more arrow: http://screencast.com/t/cGemRigSvr9

.td-load-more-img-wrap .td-load-more-img {
background-image: url('https://devimages.apple.com.edgekey.net/wwdc/images/wwdc14-more-icon-emergency.svg');
width: 55px;
height: 55px;
background-position: initial !important;
}

Regarding the “Read more” button I believe you refer to this “Continue” button: http://screencast.com/t/zbtl3PliJDeh
You can change this using this custom css: http://screencast.com/t/hxKOGorW

.td_mod9 .td_read_more,.td_mod8 .td_read_more {
background-image: url('http://images2.layoutsparks.com/1/48032/satisfaction-pink-glitter-tiles.jpg')!important;
}

Thanks

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