Change "Read more"-Icon on Blog Page

wistlaumann

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

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.

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

wistlaumann

i've added:

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

    content: "\e911" !important;

}

but nothing changed

Albert

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

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

wistlaumann

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

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

thanks for help

Albert

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;
}

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

fresewolff

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

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

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