Hi Eri

Try adding the following to the Custom CSS field of your templates parameters editing to your own taste...

.category-view .row .category .spacer h2 a {

    font-size: 22px;

}

Ciarán

Hello Ciarán,

It worked fine thank you!

Could you indicate me where exactly I have to look (i.e which files' code I have to edit) in order to customize my virtuemart e-shop as the changes I want to make seem to be much?

For example in the link http://www.megarevma.gr/thegwproject/index.php/2014-12-12-11-17-46/2014-12-12-11-18-24/virtruemart/by-estate/semeli-wines the size of the text font below the picture needs to be increased.

Additionally I want to remove the details button in the above link etc.

Can you help me on this?

Thank you again.

Kind regards,

Eri

Hi Eri

There is no Virtuemart styling included with the template therefore Virtuemart is using the default styling included with the template.

Which details button are you referring to? 'Product Details'?

Ciarán

Hello again Ciarán,

I' m reffering to the font size of the text below the 'bottle', which I want to increase, as well as the button 'Product Details' which I want to remove, at the link http://www.megarevma.gr/thegwproject/index.php/2014-12-12-11-17-46/2014-12-12-11-18-24/virtruemart/by-estate/semeli-wines

Eri

Hi Eri

To increase the font size for this text try adding the following to the Custom CSS field of your templates parameters (edit to taste)...

.product h2 a {

    font-size: 22px;

}

To hide the product details button try also adding the following...

.vm-details-button {

    display: none;

}

Ciarán

It works fine Ciarán! Thank you!

Now I want to remove the components Sort by, Manufacturer and Records in the following link:
http://www.megarevma.gr/thegwproject/index.php/2014-12-12-11-17-46/2014-12-12-11-18-24/virtruemart/by-estate.

And also I want the title of the category (By estate) to appear at the top of the page.

Is it easy to do this?

Thank so much for your help!

Eri

Eri

Try also adding the following to your Custom CSS field...

.orderby-displaynumber {

    display: none;

}

Sorry to say there is no way with CSS to change the order of elements on your page.

Ciarán