Change "Read more"-Icon on Blog Page

wistlaumann · February 2017

hi there!

how can i change the "read more"-icon on blog page? the default icon is the "doc text". my client need a simple arrow for example.

thanks for help

chris

Albert · February 2017

Hi Chris,

to change existing icon, you need to use custom css:

.blog_wrapper .grid .post-footer .icon-doc-text::before {
    content: "\e927" !important;
}

instead of \e927, you can type your own icon in html format. All available icons in html formats, you can find under /fonts/mfn-icons.css file.

wistlaumann · February 2017

i've added:

.blog_wrapper .grid .post-footer .icon-doc-text::before {

content: "\e911" !important;

}

but nothing changed

Albert · February 2017

Please send us link to page where you added above css and it does not work then.

wistlaumann · February 2017

here the link -> http://dm-edv.radeso.de/wordpress/

i've added the code at theme options -> custom css

thanks for help

Albert · February 2017

You are using different item than we thought and that's why it does not work on your side. In your case, you need to use below css instead:

.post-footer .post-links i.icon-doc-text::before {
    content: "\e911" !important;
}

fresewolff · May 2018

Hi,

so the \911 is the icon-right. Can you tell me please, which number stands for the icon-right-dir and where can i find an overview? The Icons on the Typography Page of the BeTheme doesn't show any Alt-Texts.

Kind regards.

Bryan · May 2018

All available icons in html formats, you can find under /fonts/mfn-icons.css file.

You just have to CTRL + F and find your icon, then the code

thanks

Change "Read more"-Icon on Blog Page

Comments