[knowmatesParticipant]

Hi there,

I have two problems with the a button: first of all the text inside is not vertical aligned in the middle. Second problem: after the button I have a h2. When I do not add a [x_clear] shortcode and a <br /> in front of the h2, the h2 ist next to the button and has no space between button and itself

Any idea how to solve this?

[knowmatesParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There

If I understand you are talking about two different buttons, I can see the widget button text is not aligned,please add the following code to your Appearance / Customizer / Custom / CSS to fix it.

.h-widget {

text-align: center !important;

}

Regarding the Second Button placing the [x_clear] seems to be like a good Technic to achieve a good layout, at least on my end it is looking good, are trying to achieve something different? We could instead add padding or margin to the button or the text below but I don´t see how it would improve your layout, If you need help with changes please let us know.

You could use the code below to have margin-bottom but I don´t see the benefit.

<a class="x-btn x-btn-square x-btn-large alignleft" style="margin-bottom:20px;" href="/ics-adminservice-gmbh/kontakt/" data-options="thumbnail: ''">Jetzt Kontakt aufnehmen!</a>

Thanks,

Joao

[knowmatesParticipant]

Hi Joao,

thanks for your answer. Unfurtunately I want to center the text in the “Jetzt Kontakt aufnehmen” button vertically. I don’t know why this text is not vertical aligned by default.

Could you please assist? Thank you

[JoaoModerator]

Hi There,

Please add the following code to Appearance / Customizer / Custom /CSS:

.x-btn.x-btn-large {

padding: 0.7em !important;

}

You can play with the value 0.7 0.8 0.6…

I hope that helps,

Joao

[knowmatesParticipant]

Thank you so much – solved my problem!

[JoaoModerator]

Great to hear it.

Let us know if you need help with anything else.

Thanks,

Joao

[Author]

Posts