Text on submit button below the center

• 

  podalidafilm · Member · Jan 4, 2022 at 5:24 pm

  • Copy link
  • Add topic to favorites

  Hi,

  On my Contact-page (https://carldieker.com/carl-dieker-contact-kontakt/) the text on the submit button is displayed below the center. Is there a way to fix this using custom CSS?

  /Carl

  The blog I need help with is: (visible only to logged in users)

• 

  viawormholes · Member · Jan 4, 2022 at 6:29 pm

  • Copy link

  Hello Carl!

  You can try adding some custom CSS to the button by adding a custom class at the Advanced tab. My first attempt would be this:

  .wp-block-jetpack-button button {
      padding: 10px 30px;
  }

  If that doesn’t work, I would try the code below (it’s basically the same but we create a new unique class called contact-me-button for your button):

  .contact-me-button {
      padding: 10px 30px;
  }

  Then try playing around with the first value of 10px.

• 

  podalidafilm · Member · Jan 4, 2022 at 8:26 pm

  • Copy link

  Thanks!

  Neither made any difference. At least for now.

  Should I add the CSS code settings for the Contact me-block directly or should I add it to the CSS-field on the Customize theme page? If the latter, maybe I should add a page-id to the CSS-code?

  /Carl

• 

  podalidafilm · Member · Jan 4, 2022 at 8:27 pm

  • Copy link

  Sorry, I missed that you wrote ”adding a custom class at the Advanced tab”.

• 

  podalidafilm · Member · Jan 4, 2022 at 8:36 pm

  • Copy link

  I have tested different numbers on the first value but neither code is able to rise the text to the center.

• 

  podalidafilm · Member · Jan 4, 2022 at 8:50 pm

  • Copy link

  I found another solution, more stylish in my opinion. Since the text on the button didn’t align vertically within the boarder fram I got rid of the frame. I just had to choose white as outline color.

• 

  podalidafilm · Member · Jan 4, 2022 at 8:52 pm

  • Copy link

  If you have time it would be great if you could look at another problem I am having:

  https://wordpress.com/forums/topic/bug-in-safari-that-effects-wordpress-pages/

• 

  podalidafilm · Member · Jan 4, 2022 at 8:53 pm

  • Copy link

  If you have time it would be great if you could look at another problem I am having:

  http://www.wordpress.com/forums/topic/bug-in-safari-that-effects-wordpress-pages/

• 

  viawormholes · Member · Jan 4, 2022 at 10:50 pm

  • Copy link

  Hey Carl,

  Nice to see you found a solution to your problem. Be careful though, because from what I see, now the button extends to all the white space left and right from the text, without being visible. You can see the cursor changes when you move it to the left or right side of the text. If that’s OK with you, go for it.

• 

  podalidafilm · Member · Jan 5, 2022 at 10:35 am

  • Copy link

  Good observation. I will limit the width.