2 replies [Last post]
shahied
shahied's picture
Offline
newbie
Last seen: 3 years 19 weeks ago
Timezone: GMT+2
Joined: 2016-06-02
Posts: 2
Points: 3

Hello members,

I am new here and new into coding.

I need some help with to center the text and button within a call to action.
I tried some coding, but its not working.

On browsers the text have to be in te center, and on the bottom of the text the button.
Also on mobile devices exactly the same.

Thanks for your time!

CODE :

text.....
text.....

shahied
shahied's picture
Offline
newbie
Last seen: 3 years 19 weeks ago
Timezone: GMT+2
Joined: 2016-06-02
Posts: 2
Points: 3

<section

	<section class="call-to-action call-to-action-default with-button-arrow call-to-action-in-footer">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="call-to-action-content">
							    <h2 class="text-color-light mb-none mt-xl"><strong>text.....</strong></h2>
								<h3 class="text-color-light mb-none mt-xl"><strong>text....</strong></h3>
							</div>
							<div class="call-to-action-btn">
								<a href="offerte_formulier.php" class="btn btn-lg btn-primary">OFFERTE</a><span class="arrow hlb hidden-xs hidden-sm hidden-md" data-appear-animation="rotateInUpLeft" style="top: -12px;"></span>
							</div>
						</div>
					</div>
				</div>
			</section>

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 3 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

hi shahied, Something like

hi shahied,
Something like this should be close:

.call-to-action-content{
    text-align:center;
}
 
.call-to-action-btn .btn{
    margin:0 auto;
}