Custom CSS for button

  • Resolved fg123

    (@fg123)


    10 months, 2 weeks ago

    How can I add custom formatting to 1) make the button larger, 2) Adjust the button font size, and 3) center the button below the text? I’ve tried plugging in suggestions I find on Google to custom CSS under the below code, but nothing changes.

    /* To modify the button styling */
    #wpfront-notification-bar div.wpfront-button {
    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Swathi S

    (@swathiswpfront)

    Hello @fg123,

    Please go through the below CSS

    1) Make the button larger #wpfront-notification-bar a.wpfront-button{font-size:30px;}

    2) Adjust the button font size #wpfront-notification-bar a.wpfront-button{padding:10px 10px;}

    3) Center the button below the text

    Please enable the ‘Set Maximum Width for Message’ Option on the Settings Page.

    I hope this helps!

    Thanks!

    • This reply was modified 10 months, 1 week ago by Swathi S.
    Thread Starter fg123

    (@fg123)

    That all worked, and then I was able to refine the numbers – thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom CSS for button’ is closed to new replies.