VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: cs071372 on September 05, 2016, 17:13:02 PM

Title: How to change the size of the "checkout now" button
Post by: cs071372 on September 05, 2016, 17:13:02 PM
Hi all,
i face a problem with the "checkout now" button in Virtuemart 2.6.10. In the shopping-cart page the button is not clearly displayed, you can only see half of the button and its letters. I have an attached photo to see.
Does anyone know how i can change it so i can have the whole button?

Best
Title: Re: How to change the size of the "checkout now" button
Post by: GJC Web Design on September 05, 2016, 18:19:49 PM
It will be simple css but without a live url impossible to help
Title: Re: How to change the size of the "checkout now" button
Post by: cs071372 on September 07, 2016, 18:45:16 PM
Hello,
here is the URL where you can see my problem.
http://www.opersis.gr/index.php/shopping-cart

thanks in advance
Title: Re: How to change the size of the "checkout now" button
Post by: GJC Web Design on September 07, 2016, 19:21:37 PM
give it some height

.vm-button-correct {
  height: 55px;
}
Title: Re: How to change the size of the "checkout now" button
Post by: cs071372 on September 07, 2016, 20:22:05 PM
Could you please give me the path that i can find that piece of code?

thanks
Title: Re: How to change the size of the "checkout now" button
Post by: GJC Web Design on September 07, 2016, 21:29:09 PM
css works anywhere...  put it in the last loaded css file

or stick !important after it..   basic stuff that you can find in seconds on Google 

http://forum.virtuemart.net/index.php?topic=73348.0
Title: Re: How to change the size of the "checkout now" button
Post by: cs071372 on September 09, 2016, 11:11:04 AM
Hi again,
i found the location, i did put the height at 55px, refreshed, but nothing happened. This is what it looks like:

.vm-button-correct
{
    text-transform: lowercase;
    letter-spacing: normal !important;
    height: 55px !important;
}

Am i doing something wrong?

thanks.
Title: Re: How to change the size of the "checkout now" button
Post by: GJC Web Design on September 09, 2016, 11:40:56 AM
Please -- if your going to use extensions like JCH Optimise then at least read the directions on how to use them!

http://www.opersis.gr/plugins/system/jch_optimize/libs/jscss.php?f=4b150881e93d30add32be20d0e75b0e6-cache-plg_jch_optimize-2495b9d0adaa01cc0fe87331114028b4&type=css&gz=gz&d=30
Title: Re: How to change the size of the "checkout now" button
Post by: cs071372 on September 09, 2016, 14:54:21 PM
I didnt get that this forum is just for super programmers! Next to my name you can find the word "Beginner" , in case you dont see it! Please--
Title: Re: How to change the size of the "checkout now" button
Post by: jenkinhill on September 09, 2016, 15:19:32 PM
Quote from: GJC Web Design on September 09, 2016, 11:40:56 AM
if your going to use extensions like JCH Optimise then at least read the directions on how to use them!

And even more important for "beginners".

And I would add font-size: 18px;  to the css