Helix: Hide Clock Next To Opening Hours - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Helix: Hide Clock Next To Opening Hours

MS

Martin Svejda

Helix Framework 3 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

0
5 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #54779

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

0
MS
Martin Svejda
Accepted Answer
3 years ago #55073

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

0
MS
Martin Svejda
Accepted Answer
3 years ago #55944

Hi,

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

Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #55948

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


0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #55951

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

0