#gkContentWrap padding on VM product pages only

Hi there,

I am wanting to set the padding from the templates 40px to a lower px on just the virtuemart product pages only. The content for the template is #gkContentWrap but since the flypages templates styling are inside that wrap I cannot control the padding.

Does anyone know how I can do this easily? Thanks.

Could You please post an url to your site?

Please attach url to vm subpage and standard subpage so I can check if prepared solution works well.

Could You please post an url to your site?

Please attach url to vm subpage and standard subpage so I can check if prepared solution works well.

I am using WAMP at the moment so that makes things a little difficult. However it doesnt really effect the situation as the template is the same as the original shop and buy. So I would only need to know how to change that so that the VM product page contents in that wrap can be changed.

Thanks.

Still having problem finding correct pages to create correct declaration, but...
If Your site is standars s&b without many changes, could You paste two links from our demo site:
http://demo.gavick.com/joomla25/shop_and_buy/
one to a site where the padding should be changed and one to a page where it should stay not changed.

http://demo.gavick.com/joomla25/shop_an ... ils-layout

Is the product page and all products need to be padded at 25 as opposed to 40. However the flypage wrap is within that gkcontentwrap and since VM is navigated not through menus you cannot do it.

Ok, now I understand. Sadly there is no easy way to do that.
But if You can tell, that you would like to change styling for all com_virtuemart elements, you could use the "page suffix" method. Please read this documentation:
http://www.gavick.com/documentation/gen ... mla-pages/
but instead of creating suffix for ID element, you could use com_virtuemart for example. Then all pages rendered by this component will have created suffix on body element, so You can address the padding problem this way:

Code: Select all

.comVM #gkContentWrap { padding: 20px; }


It assumes you have used comVM as the suffix name.