Change Code Special

Hello

I need to change te code please

Code: Select all

div class="bigtitle gk-special">
<figure data-scroll-reveal="enter left over .5s">
<img src="images/demo/banner_special.jpg" alt="Summer Grill">
<figcaption data-scroll-reveal="enter bottom over .5s after .5s">
<h3><span>Summer</span> Grill</h3>
<small>Starting from <strong>$19.99</strong></small>
</figcaption>
</figure>
<div class="gk-special-content" data-scroll-reveal="enter right over .5s">
<h3 class="header">
<span>Special</span>
<small>Check out our offers</small>
</h3>
</div>
</div>
<a href="#" class="gk-special-link button">More details</a>

I need the text

Code: Select all

<span>Special</span>
<small>Check out our offers</small>

to appear in the middle and the image under the text also in the middle

After a link also in the middle like

Code: Select all

h2>Online Reservation</h2>
<p class="gk-subtitle">Please complete the submission form below to make a reservation.</p>

and link below

Code: Select all

<a href="#" class="gk-special-link button">More details</a>

Thanks

what is your url and where can I see what part you are talking about?

Hi

Yes, this request is very hard to understand. Please tell us the url to where this can be seen. If You can't than please ignore it for now and get back to me when You will have it on a live server.

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.gk-special-content {
    width: 100%;
}

.gk-special-content h2.header {
    display: inherit;
}

.gk-special-content .button-border {
    display: initial;
    float: none;
}


Teitbite work fine

I only want to use in Bottom 5 because i have to gk.special i use #gkBottom5 before

you give good support

Thank you so much