Layout problem after update to Joomla 4

galamarco

Hello,
after update website from Joomla 3 to Joomla 4, and update Megafilter component to do this upgrade, I have some layout problem in search view.
here screenshot befor update:

here screenshot after update

How can I restore this layout in a website using Yootheme template with ulkit framework?
I need to chang content width, restore image to order result, restore class "uk-button" in result box, and set a more small padding of box result. Where can I control this setting?

Thanks a lot.

Best regards
Marco

saguaros

Hi Marco,

The issue seems relate to the FontAwesome 5 version of template, could you check the super admin account again? as the provided account doesn't work now.

galamarco

Ok, please try again now

saguaros

It's weird issue, could you check the FTP account again?

galamarco

This message is visible to Moderators only

hidden content

saguaros

I put the error in your Private reply, could you check?

galamarco

Good evening,
I confirm again that I can log in correctly. I tested from three different workstations in different parts of the city and did not see any errors connecting with Filezilla. I've opened tickets to the hosting to check further.

In the meantime, is it possible to have an indication on how to intervene to solve these problems? Do you need specific files?

saguaros

Pls whitelist IP addresses from Vietnam as I'm based here.

There maybe conflict in style so I need to check the code further.

galamarco

The hosting asks me for the IP from which you connect so as to verify why you cannot connect.
Can you tell me your IP address please?

saguaros

Mine is: 222.252.16.54

galamarco

Hello, your IP is now in whitelist, please try again.
Best regards
Marco

saguaros

Hi Marco,

JA Megafilter loads old version FontAwesome 4, I've not worked with yootheme template so not sure if they can support to load it

font-awesome4.zip

509kB

galamarco

The site is the same as you see here https://manuelimmobiliare.it/cerca-immobile.html#sort=position&sortdir=desc which always uses Yootheme and works correctly. Here change Joomla 4 version and JA Megafilter update to latest version.

This is to say that everything is working fine with Yootheme template (and uikit framework), but probably overwrote what we customized in the past.
For this I would like to know which lines (and which file) determine the padding of the boxes, the class used by the buttons and the few differences that can be seen.

Thanks

saguaros

galamarco The site is the same as you see here https://manuelimmobiliare.it/cerca-immobile.html#sort=position&sortdir=desc which always uses Yootheme and works correctly.

If you inspect element of this site, you will see that it's loading FontAwesome 4 already so it works there: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

galamarco

So how do I fix the problem?

saguaros

galamarco Could you contact Yootheme template if there is way to load FontAwesome 4? https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

I've not used yootheme so I'm not familiar with it 🙂

galamarco

saguaros Is compatible Font Awesome 5?

galamarco

Here your question and support replay: https://yootheme.com/support/question/157159

saguaros

galamarco Hi

As I can see that Yootheme supporter already suggested you how to load that file into your site:
1/ Download that font-awesome css file
2/ Rename that file to 'custom.css' (if your site is already having this file, just copy the code of font-awesome css file and paste into it)

/yootheme-NAME
/css
custom.css

Regards

galamarco

The site owner won't wait two months for a solution. If you are not able to solve the problem, tell me the files to intervene for grid padding, layout of the results button in the grid as I asked initially.

However, I find it indecent that paying in over a month has not had any resolution to the problem. For another already addressed by you for the same site a few years ago on Joomla 3.

Best regards
Marco