Change size of the button

Hey there, guy’s!
I have a few question’s.
1.) How can i change size of the button?
The class of the button is “roll-button button-slider”
2.) I would like to change padding-top of this class “.page-wrapper” on my start page (id-12)… i tried to add this
.page-id-12 .page-wrapper {
padding-top: 0px !important;
but it doesnt work

Thank you, i am waiting for you answer. This is my site


You can use this simple CSS code to style it.

.button-slider {
  padding: 17px 45px;
  font-size: 20px;

Add it to Appearance > Customize > Additional CSS from dashboard.


Edit your page, and enable Front Page template.


  1. No, it doesnt work, becuase i have only two letters in the button if would i have more letters then size of the button also was changed…For example, in the button i have a word “go” if would i have a word “gotesttest” then i get size of the button what i need…
  2. its great work
    Thank you man for the faster answer, perfect team!

Hello there,

Maybe fixed size work for you? Try this code:

.button-slider {
   width: 110px;
   text-align: center; 


Yes its work but everyone who will have the same issue have to add the page id necessary
Thank you mate!

You’re welcome!

I am glad to have an opportunity to assist you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.