News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

How to change the size of the "checkout now" button

Started by cs071372, September 05, 2016, 17:13:02 PM

Previous topic - Next topic

cs071372

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

GJC Web Design

It will be simple css but without a live url impossible to help
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

cs071372


GJC Web Design

give it some height

.vm-button-correct {
  height: 55px;
}
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

cs071372

Could you please give me the path that i can find that piece of code?

thanks

GJC Web Design

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

cs071372

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.

GJC Web Design

GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

cs071372

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--

jenkinhill

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
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum