Helix: Hide clock next to opening hours - Forum | JoomShaper
Staff replied Helix Framework

Helix: Hide clock next to opening hours

Asked by Martin Svejda 4 years ago Last activity 4 years ago

Hi, I want to hide the clock (far fa-clock icon) next to the opening hours so that I can insert a different text. In another post I tried

.fa-clock-o:before{
content: "\f3c5" !important;
}

But it doesn't anything, can you please propose a different way? And if I could easy change that icon for another one, that would be great, but not necessary, thanks!

Many thanks,
Cheers

5 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
4 years ago

Hi there!

Thanks for your query.

Would you please give me your site URL here along with redirection to where you have this clock icon?

Best Regards

Martin Svejda Asked this
4 years ago

Hi Rashida,

thanks for your quick answer, please find below the URL and you will find the little clock in the upper right corner, next to the text about free shipping.

Thank you in advance and all the best,
Martin

Martin Svejda Asked this
4 years ago

Hi,

I didn't get an answer yet, did you miss my above URL?

Thanks

Paul Frankowski Senior Staff
4 years ago · edited

Martin, If I may...

you have two ways to remove clock icon:

  1. Using custom module in top2 position instead of contact settings from Template option, Or
  2. Using a custom CSS to hide icon

#sp-top2 .far.fa-clock {display: none;}

Use above code in Template Options - Custom Code - Custom CSS - Save

Paul Frankowski Senior Staff
4 years ago

Helix Ultimate uses Font Awesome 5 Free - so only those icons you can use. To use map marker icon instead of clock icon use only below CSS code:

#sp-top2  .fa-clock::before {
  content: "\f3c5";
  font-weight: 600;
}

but do not use CSS code with display: none (!)

after using my 2nd CSS
foto_7746_2022.png

Log in to reply.