Hide Category image [solved]

[bestcons]

The website is on Joomla 4.2.5 and VM 4.0.2.
It has been for quite a while that this topic was addressed and with all the updates both in Joomla and VM it might be that there solutions available without adapting the code.
In short: What is the best appraoch.

[GJC Web Design]

you don't explain at all what "Hide Category image" means to you!

tried https://dev.virtuemart.net/attachments/download/1343/com_virtuemart.4.0.8.10748.zip?

[bestcons]

Yes, I did. The outcome is the same, unless there are new settings in this version.
What I mean with "hide image" is shown in the 2 attached images. I'm looking for a plain list of categories.

[Jumbo!]

If you use the standard VirtueMart layout, you can try adding the following custom CSS to your template.

Code Select Expand

.browseCategoryImage {
    display: none !important;
}

Remember to clear your browser's cache after making the change; otherwise, you may not see the difference.

[bestcons]

I placed your proposal in "‎/templates/cassiopeia/user.css" without result.

[jenkinhill]

That css works OK for me using Horme3 template on J3.10.1 VM4.0.8 10751  (pre-release test version)

[bestcons]

Not for me with Cassiopeia, Joomla 4.2.5 en VM 4.0.8.10748

[Jörgen]

Then, Check Your browser F12 usually and figure out which CSS controls this image.

Jörgen

[bestcons]

Unfortunately, I'm not familiar with php, css and the development tools.
The only thing I can do is make a screen image (see attachment). Hopefully this tells you the reason.

[Jörgen]

Your override is not active. Are You sure the file user.css is used ?
Are you sure you have added the css correctly.

Try adding the new css to the file vm-ltr-site.css since this is actually used, just to test.

Jörgen

[bestcons]

Your suggestion to add the new css to the file vm-ltr-site.css did the job. Thanks.
I attach a screenshot of the user.css file of the Cassiopeia template for your comment.

[bestcons]

In the meantime I discovered the problem with the template:
I have installed the KickstartCassiopeia module. This controls apparently also the overrides. Adding the code in the Custom CSS of this module solves the problem.
Thanks once more.

[Jörgen]

Great!

!important should override everything else except inline css with !important.

Nice that you could fix this.

Jörgen