VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: dimitrijevuk on June 10, 2015, 10:19:38 AM

Title: How to remove bullets near the thumbnails
Post by: dimitrijevuk on June 10, 2015, 10:19:38 AM
Please,

is it posible to remove black bullets that covers product name by the thumbnail in category view?
I am using VM 2.6.18 and Joomla! 2.5.18
This is webpage: http://locolobo.hr/torbe

Thanks
Title: Re: How to remove bullets near the thumbnails
Post by: jenkinhill on June 10, 2015, 12:05:58 PM
css override.
.component-content h2::before {display:none;}

J2.5.18 is insecure, if staying with J2.5 you should update to 2.5.28  (unless you typed it wrong).
Title: Re: How to remove bullets near the thumbnails
Post by: dimitrijevuk on June 11, 2015, 20:49:52 PM
Sorry I didn“t understood what to do and where to do?
Title: Re: How to remove bullets near the thumbnails
Post by: jenkinhill on June 11, 2015, 21:09:17 PM
The issue is in your Joomla template css, not VirtueMart so add the style definition to the end of the last template css file to load, or preferably add it to VM css and use a css override.

In the docs:  http://docs.virtuemart.net/tutorials/templating-layouts/106-override-vmsite-ltr-css.html
Title: Re: How to remove bullets near the thumbnails
Post by: dimitrijevuk on June 11, 2015, 21:31:52 PM
I did it, but nothing changed.
I put the .component-content h2::before {display:none;} at the end of vmsite-ltr.css file, and uploaded that file into template css folder.
Something I am doing wrong?
Title: Re: How to remove bullets near the thumbnails
Post by: jenkinhill on June 11, 2015, 23:38:18 PM
No it is a problem with the RocketTheme template - they do too many things their own way. The template css files are loading after the VM css.

You can either change that code to .component-content h2::before {display:none !important;}

Or append it to the end of the css file at /modules/mod_roknavmenu/themes/fusion/css/fusion.css

Or make a custom.css file and set it to load last in the head of the page - ie load it immediately before </head>

If you get used to using Firebug and reading code these things are easy to work out.