Results 1 to 7 of 7

Thread: Font Size Help

  1. #1
    Join Date
    Dec 2011
    Location
    Birmingham, United Kingdom
    Posts
    146

    Default Font Size Help

    Hi All

    I hope everyone had a happy Christmas.

    I am currently redesigning the website and trying to resize the font for the "Add to Basket" Button on the product page (without using the Default setting) in:

    Template Editor>Forms>Default Buttons>Size

    Any ideas

    Thanks and Happy New Year to all!

  2. #2
    Join Date
    Aug 2016
    Posts
    138

    Default

    Hi Tim,

    Try targeting just this button directly with CSS via: Template Editor> Pages> - now scroll down to 'Custom CSS Code' and within the 'Additional CSS' box add the following line of code (can be placed anywhere):

    Code:
    #product_details button.button.b_basket { font-size: 14px; }
    (Obviously change the numeric font value (14px) to the one you desire!!)


    Let me know if you need anymore help,

    Mike

  3. #3
    Join Date
    Mar 2013
    Location
    Nottingham
    Posts
    434

    Default

    On a similar matter I don't suppose anyone knows how to change the font size of the checkout button on the basket page?
    Chris

  4. #4
    Join Date
    Aug 2016
    Posts
    138

    Default

    Quote Originally Posted by R.O.T. View Post
    On a similar matter I don't suppose anyone knows how to change the font size of the checkout button on the basket page?
    Hi,

    Add the following code to the CSS:

    Code:
    /* Checkout Button */
    div#basket_page button.button.b_checkout { height: 40px; font-size: 16px; }
    
    /* Update Basket Button */
    div#basket_page button#update.button.b_standard { height: 40px; font-size: 16px; }
    (The 'height' changes the height of the button to allow for a bigger font - if you wish to make the buttons wider also then you can do by also adding: width: 200px; )


    Again, let me know if you need anymore help!!

    Mike

  5. #5
    Join Date
    Mar 2013
    Location
    Nottingham
    Posts
    434

    Default

    Quote Originally Posted by Mikey View Post
    Hi,

    Add the following code to the CSS:

    Code:
    /* Checkout Button */
    div#basket_page button.button.b_checkout { height: 40px; font-size: 16px; }
    
    /* Update Basket Button */
    div#basket_page button#update.button.b_standard { height: 40px; font-size: 16px; }
    (The 'height' changes the height of the button to allow for a bigger font - if you wish to make the buttons wider also then you can do by also adding: width: 200px; )

    Again, let me know if you need anymore help!!

    Mike
    Thanks Mike

    Very helpful, as always.
    Chris

  6. #6
    Join Date
    Dec 2011
    Location
    Birmingham, United Kingdom
    Posts
    146

    Default

    Hi Mike

    Hope you had a good Christmas!

    Thank you sooo much....that was perfect!

  7. #7
    Join Date
    Aug 2016
    Posts
    138

    Default

    No Worries guys!!

    Mike

Similar Threads

  1. Font Size help please!
    By rsvapour in forum Bluepark Technical Discussion
    Replies: 3
    Last Post: 24-05-2016, 22:00
  2. Default font size?
    By LabelKing in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 29-08-2014, 09:14
  3. Font Size Dilemma!
    By mozzbo in forum Bluepark Technical Discussion
    Replies: 2
    Last Post: 25-02-2014, 08:55
  4. Setting font color and size for sub links
    By Setantaa in forum Bluepark Technical Discussion
    Replies: 13
    Last Post: 27-02-2013, 15:05
  5. Variable Styles/Font/Size etc...
    By stefkozi in forum Bluepark Technical Discussion
    Replies: 5
    Last Post: 25-11-2010, 10:59

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...