Align center content area

[delfijurado]

Hi i am trying to center my booking calendar center, but I can’t seem to do it. The shortcode is inside the content area element.

Is there any css I can add?
Thanks

[marc_a]

Hi @delfijurado,

To help you about your concern, please give us the following information in a Secure Note.

• WordPress Login URL
• Admin level username and password
• Page URL where you want to center a content area

You can find the Secure Note button at the bottom of your posts.

Thank you.

[delfijurado]

Of course. Thank you for your help. Below the secure note:

[marc_a]

Hi @delfijurado,

There are 2 options on how to center your booking calendar on this page https://catadoresdeemociones.com/reservapreview/.

First Option:

• You will set 3 columns instead of 1 column, the first and third column is empty and the second column is where you add your content area with your shortcode and it will center your booking calendar.

Second Option:
with the help of custom CSS we can center your content area with your current setup, just add this code in the page then CSS.

.wpbc_booking_form_structure {
	text-align: center;
}
.wpbc_booking_form_structure .bk_calendar_frame {
	margin: 0 auto;
}
.wpbc_booking_form_structure .bk_calendar_frame + div {
	text-align: center !important;
}

"Please note that providing custom code is outside the scope of our theme support. Issues that will arise from the use of custom codes should be forwarded to a 3rd party developer."

Thank you.

[delfijurado]

Thank you!!

[marc_a]

@delfijurado,

You’re welcome.