Load more and Read more buttons

katjachipolo

Hi!

I want to change the icon on the Load more and Read more buttons with an other icon, plus I want to move the icon to the right side. How can I do that?

Thanks in advance

Albert

Hi,

it is not possible to change the icons without files customization but if you send us link to page where you got them, we will see if it's possible to change it's position.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

katjachipolo

Hi,

You can see the Load more button under the blog posts:

/

Or the Read more button under the related posts:

/

If there is no option to change and move the icon, then I would just like to delete the icon and have a regular button. Thanks!

Albert

Ok, thanks. So to move the icon to the right side, you need to use the following css:

a.button .button_icon { float: right !important; }

But if you want to get rid of this icon completely, then please use the following css:

a.button .button_icon { display: none !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

katjachipolo

Thanks.

And how can I change the icon (so for example I want to use icon-right-open-mini). 

Thanks.

Albert

Like we wrote above, you can't change icon with custom css. This requires files customization.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

katjachipolo

Ok, thanks. 

I tried with the display: none thing, but that turns off all icons on all pages, and I want to keep them on some.

One more thing. Where can I change the Load more and Read text? I want all caps.

Thanks again

Albert

So if you want to remove this icon on certain pages, then you need to use the following css instead:

.page-id-xxx a.button .button_icon { display: none !important; }

where xxx is page id.

But the texts, you can change under Theme options > Translate section.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next