Have a look what I have created so far:

http://www.bizraven.de/1s.png
(The button is also not properly centered)

I want to look the button to like this:

http://www.bizraven.de/2s.png
(And how would I get it centered?)

Can you please help in how I might get the button the way I want? Thanks.

Please add “width: 420px; height: 90px;” to the Style attribute or field of your button and add “center-text” class to your column or content band where you placed that button.

Thanks.

You didn’t place the CSS in the style attribute of the button (see http://prntscr.com/4iu50t). I’ve placed it there for you. Please see the result http://www.qvirtual.de/home-page-2/. Please take note though, that px value is not responsive. Therefore, you might want to limit it to 420px width or add a class to your button and add the CSS below in Apperance > Customize > Custom > CSS.

.your-class {
width: 510px;
height: 105px;
padding-top: 30px;
}

With that, you can change the width in mobile view like

@media (max-width: 767px) {
.your-class {
width: 80%;
height: 80px;
padding-top: 10px;
}
}

That is just a sample media query. Custom media queries must be added by you or a Web Developer.

Hope that helps. 🙂

So, I ended up creating a class for my button:
<div class=”your-class”><span style=”color: #ffffff;”>STARTPAKETE AB €200/Monat</span></div>

Then, I added the following CSS:

.your-class {
width: 910px;
height: 105px;
padding-top:27px;
font-size:45px;
}

One last question, the button does not appear to be centered. I still got the “center-text” code in the content band though, but it is no longer working. What code is missing to center the button?

Sorry, this is gonna be my last question. After this, I wont bother you anymore 🙂 Promised 🙂

Thank you for writing in! You’re most welcome 🙂

This is because you are having columns in the content band where you have added the button (see: http://prntscr.com/4j2x1n). Simply remove the columns and move your button to the content band directly.

Hope this helps. 🙂

Thank you.

Thanks 🙂