Text on submit button below the center
-
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)
-
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-buttonfor your button):.contact-me-button { padding: 10px 30px; }Then try playing around with the first value of 10px.
-
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
-
-
I have tested different numbers on the first value but neither code is able to rise the text to the center.
-
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.
-
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/
-
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/
-
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.
-
- The topic ‘Text on submit button below the center’ is closed to new replies.