Fontawesome icon don't display stacked in customer control panel yootheme pro

  • Posts: 79
  • Thank you received: 5
6 years 1 month ago #298703

-- HikaShop version -- : 4.0.0
-- Joomla version -- : 3.8.12
-- PHP version -- : 7.2.10
-- Browser(s) name and version -- : CHROME 69.0.3497.100

Hello,

I've just updated hikashop and i see that the customer control panel doesn't display the elements stacked (each one below the others)

the display css attribute is block so it should be correct

You have got two users on my website:

hikatest hikatest

and

test test

but doesn't know the password, i can change them if needed

so maybe you can see the user control panel and how it is displaying

Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 79
  • Thank you received: 5
6 years 1 month ago #298704

No worry

When i go back to default css on both front-end parts, the display is correct.

Thanks for this awesome update

Regards

PM

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
  • Hikashop Business
6 years 4 weeks ago #299725

-- HikaShop version -- : 4.0.0
-- Joomla version -- : 3.8.13
-- PHP version -- : 7.2.10

I have exactly the same problem using Chrome & Firefox.
I have set front-end to default for each CSS but display is not fixed.
Test user = demo demo

Any suggestionsappreciated

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
6 years 4 weeks ago #299730

Hi,

I don't see any other reason.
Could you provide a link to the user control panel so that we can look at it with that test user ?

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
  • Hikashop Business
6 years 4 weeks ago #299747

My bad, forgot to send link:-
Log in as demo >> Go to CQC Toolkits >> My Account

Direct link: www.everythingcqc.com/index.php?option=c...ut=cpanel&Itemid=556
If you need access to backend, just change the password for demo user and let me know, I'll give you access to demo user

BTW I had to revert to PHP 7.1.22 as cpanel does not display correctly in 7.2 (not solved yet). But same problem still with FontAwesome
Thanks

Last edit: 6 years 4 weeks ago by xgenics. Reason: To add line that I temporarily reverted to older PHP version but issue remains the same

Please Log in or Create an account to join the conversation.

  • Posts: 306
  • Thank you received: 42
  • Hikamarket Multivendor Hikashop Business
6 years 4 weeks ago #299749

Hi xgenics

It might not be related but your template uses Gantry4 which does not include Fontawesome 5. I have been testing one of my sites that uses an older Rockettheme template and get similar results with HikaShop 4 - not had chance t investigate further though!

The icons seem to stack correctly using the Beez template:
https://www.everythingcqc.com/index.php?option=com_hikashop&view=user&layout=cpanel&Itemid=556&tmpl=beez

regards
Trevor

Last edit: 6 years 4 weeks ago by trevsmiff.

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
  • Hikashop Business
6 years 4 weeks ago #299770

Thanks Trevor,
Thanks for the pointer but it's a little beyond me in terms of solving it.
What confuses me is that a couple of icons seem to display correctly, and I expected an "all or nothing" situation if the font was not available.

Also tried to revert to the "old" style for the time being but that doesn't work either.

Bharat

Please Log in or Create an account to join the conversation.

  • Posts: 306
  • Thank you received: 42
  • Hikamarket Multivendor Hikashop Business
6 years 4 weeks ago #299772

Hi Bahrat

I have posted a message in the Rockettheme forums. You can follow it here:
https://rockettheme.com/forum/joomla-general-questions/278565-using-fontawesome-5-in-gantry-4-templates

regards
Trevor

Please Log in or Create an account to join the conversation.

  • Posts: 82868
  • Thank you received: 13376
  • MODERATOR
6 years 4 weeks ago #299773

Hi,

The issue comes from the CSS code:
font-weight: normal !important;
that you have in the file /templates/rt_hexeris/css/rt_hexeris-custom.css
So the problem is not with your template but with your custom CSS.
Some of the icons of fontawesome need a fontweight solid, while others a fontweight normal.
By forcing the fontweight of all the elements of your website you prevent fontawesome to use the correct fontweight for some of the icons, resulting in the icons not displaying.
You would need to modify your custom CSS to exclude the i tags used by fontawesome:
css-tricks.com/almanac/selectors/n/not/

The following user(s) said Thank You: xgenics

Please Log in or Create an account to join the conversation.

  • Posts: 16
  • Thank you received: 0
  • Hikashop Business
6 years 4 weeks ago #299779

Perfect, easily fixed. Thank you

Please Log in or Create an account to join the conversation.

Time to create page: 0.097 seconds
Powered by Kunena Forum