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.
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?
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.
If you use the standard VirtueMart layout, you can try adding the following custom CSS to your template.
.browseCategoryImage {
display: none !important;
}
Remember to clear your browser's cache after making the change; otherwise, you may not see the difference.
I placed your proposal in "/templates/cassiopeia/user.css" without result.
That css works OK for me using Horme3 template on J3.10.1 VM4.0.8 10751 (pre-release test version)
Not for me with Cassiopeia, Joomla 4.2.5 en VM 4.0.8.10748
Then, Check Your browser F12 usually and figure out which CSS controls this image.
Jörgen
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.
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
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.
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.
Great!
!important should override everything else except inline css with !important.
Nice that you could fix this.
Jörgen