How change icon-clock

av_admin_1984 · December 2019

HI

I want to change icon-clock in blog footer and replace that with calendar icon , but I cloudent find the class and css code to change that , only in inspect element can replace.

Would you please give me mini css cod to put in my CSS & JS ?

Thank you.

Pablo · December 2019

Hello,

All of the content inserted in the footer can be changed in the Appearance > Widgets, exactly in the "Footer' tabs.

Also, it's not possible to change the name of the class using a CSS code.

Thanks

av_admin_1984 · December 2019

I mean the clock icon one the post on my blog not Footer!

This photo explain that

http://prnt.sc/q53ja9

Thanks

Pablo · December 2019

Okay, I understand now.

Unfortunately, that cannot be changed with the BeTheme options - to achieve that, you have to edit the wordpress files, it's hardcoded in the core of it.

We could try to change that with CSS, but it will change all of the clock icons to new icon, we suggest not to do it - but if you wish, tell me which icon would you like to use.

https://themes.muffingroup.com/be/theme/shortcodes/typography/#icons

Thanks

av_admin_1984 · December 2019

One of this :

icon-calendar - icon-calendar-line

av_admin_1984 · December 2019

I found the css code and replace it with icon-calendar and that's fine,

But when the theme will update , this file will change to the default.

i need something to put in my Child theme

Thank you.

Pablo · December 2019

If you put the css code in the Theme Options > Custom CSS & JS > CSS, then you will not loose it.

Thanks

av_admin_1984 · December 2019

Would you please give me the css code to put there ?

one-more thing , I want add more font to theme and I found the way how to do that , the question is how to add them in Child theme ?

Thanks

Pablo · December 2019

All customizations step by step of the Child Theme are explained on this page:

https://developer.wordpress.org/themes/advanced-topics/child-themes/

About the CSS code, please paste that code:

.icon-clock::before{
	content:'\e825' !important;
}

But I strongly suggest to customize it in the Child Theme.

Thanks

av_admin_1984 · December 2019

Thank you very much. :-*

jopen-online · October 2020

Hi, i want to delete the icon-clock Icon. How can i do thies, with which code?

Pablo · October 2020

jopen-online,

Where do you want that icon removed? On which page and from which element?

I would be grateful if you would attach some link to the screenshots and link to your website.

Thanks

How change icon-clock

Comments