Centre VM manufacturers module

GK User
Fri Jun 13, 2014 12:57 pm
Hi,

We got some manufactures en make some logo's with same size. I know it should be done by css but maybe you can help me to center them.
Preview where you can see what i have now:
manufacturer-center.jpg


Settings module:
manufacturer-settings.jpg


Hopefully you can help me.

Kind regards,
Gerard
User avatar
Fresh Boarder

GK User
Sat Jun 14, 2014 11:31 am
Sorry but without URL to your website it will be impossible to provide you CSS fix for this.
User avatar
Platinum Boarder

GK User
Mon Jun 16, 2014 7:17 am
Hi,

The website URL is www.you-love-it.nl

Hopefully you can help me.

Kind regards,
Gerard
User avatar
Fresh Boarder

GK User
Mon Jun 16, 2014 1:15 pm
You need to add class vmmanufacturer for every single row of manufacture logos like it is done on first row. Then please add this code to override.css file in root/templates/gk_template_name/css directory :
Code: Select all
div.vmmanufacturer { display: block;
margin: 0 auto;
width: 900px
}

and then just remember to enable "Use override CSS" option in template advanced settings tab.
User avatar
Platinum Boarder

GK User
Mon Jun 16, 2014 4:52 pm
Hí,

I did your solution and it works but just for the first row. I read that i have to do it for all. But how can i do. I've module with the VM manufactures this wil generate automatic more lines if needed but it's not in the center. Please check the result. Do you know the option to solve this?

http://www.you-love-it.nl

Greetz,
Gerard
User avatar
Fresh Boarder

GK User
Wed Jun 18, 2014 9:03 am
I see that first two lines are fine yes? I see that every single item have force float: left attribute and probably without hacking the module output you can't do it. If it is default VM module you should contact with VM support for more details or just create your own custom HTML module where you will display this logos.
User avatar
Platinum Boarder


cron