Jump to content

header button css code

Go to solution Solved by tuanphan,

Recommended Posts

I have customized buttons across my entire site to match my branding, but it has not adjusted in the header or in the form button. I have been experimenting with code, but nothing is working. What is the correct code to use here?

Screen Shot 2023-05-10 at 3.00.26 PM.png

Screen Shot 2023-05-10 at 3.00.56 PM.png

Edited by lovelew
Link to comment
  • Replies 6
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

This worked! Thank you. Still struggling with the padding on the left and right to adjust. How do I increase more padding? I've tried:

a.btn, input.button {
    font-family: 'corporate a pro' !important;
    text-transform: capitalize !important;
    padding-bottom: 30 !important;
    padding-top: 30 !important;
    padding-left: 30 !important;
    padding-right: 30 !important;

and only the top and bottom padding adjust.

Link to comment
  • Solution

You need to add px, em or rem after number.

Use this

a.btn, input.button {
    font-family: 'corporate a pro' !important;
    text-transform: capitalize !important;
    font-size: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.