modified home-search-form over revolution slider

[airsidworld]

Hi,
Until the geolocalization update i’m using a geo pluggin form in the home-search-form.php using the following codes:

<div class=”twelve columns”>
<div class=”row”>
<div class=”four columns”>
<?php echo do_shortcode(‘[gmw form=”1″]’); ?>
</div>
</div><!–end row–>
</div><!–end twelve–>

following this topic example
https://archived.seventhqueen.com/forums/topic/homepage-replace-search-form-with-video

It’s working but when revolution slider is enabled in full width the form is under the slider so i don’t see it anymore. I’d like to keep it over the slider as your initial search form.
Would you have one of your magic code for me to allow it ?

[SQadmin]

Hi, to have video in front of revolution slider you need to add the following line in sweetadmin/styling options/quick css box:

COPY CODE

.revslider-head.absolute-head .flex-video {
	margin-top: 238px;
	position: relative;
	z-index: 1;
}

Regards,
Robert

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Hi,
Thanks for the reply but i’m not asking for a video ;(
Until the geolocalization i’ve replace the initial search form by a geo pluggin form in the home-search-form.php using the following codes:
<div class=”twelve columns”>
<div class=”row”>
<div class=”four columns”>
<?php echo do_shortcode(‘[gmw form=”1″]‘); ?>
</div>
</div><!–end row–>
</div><!–end twelve–>
but the new form is under the slider. How can i get it over please?

[SQadmin]

You have to position it absolute. add an inline style attribute for example style=”position: absolute;”

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Thanks…but would you please show me where to add this inline style ? i’m a novice.

[SQadmin]

Replace this:

with:

COPY CODE

<div style="position: absolute;" class="four columns">

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Sorry but there is no lines after “replace this” in your post.
Could you please post it again.

[SQadmin]

Check again please

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Nop it’s not working ;(
I see:

“Replace this:

with:

<div style=”position: absolute;” class=”four columns”></div>”

[SQadmin]

The editor added some extra closing tag, so instead of:
class=”four columns”
put
style=”position: absolute;” class=”four columns”

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[SQadmin]

If that is not workin try with the absolute a bit above:

COPY CODE

<div class="row" style="position: absolute;">
<div class="four columns">
<?php echo do_shortcode('[gmw form="1"]'); ?>
</div>
</div><!–end row–>

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Hi, none of the two solutions works.
I’ve also try to put style=”position: absolute;” in <div class=”twelve columns”> to follow the same logic but nothing happened. The géo search form still behind the full width slider (i can see the top of the form beyond the edge of the slider).

[SQadmin]

Well a link to your site always helps not to shoot in the dark

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

This reply has been set as private.

[SQadmin]

Send the header.php or what file you have modified. Send it trough pastebin.com

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

This reply has been set as private.

[SQadmin]

From Sweetdate – Homepage, where you set the slider, enable the Transparent header and then add this css to Sweetdate – Styling options – Quick css:

COPY CODE

.revslider-head .just-after-header {
    z-index: 100;
}

You need to style it probably, make it appear lower on the page, etc.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Hi,
Thank you, it’s working well.
For the record, i didn’t need to enable the Transparent header, your quick css worked well by itself.
Great support as always 😉

[airsidworld]

Hi again, there is a little problem.
I can’t click anymore on the second level menu and when i go down with the mouse on it, the second level menu disappear.

[SQadmin]

Try adding this extra rule to the css overflow: visible;

You should try to hire a developer regarding you custom requests

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[airsidworld]

Finally, since last update shortcodes are working in slider.

[Author]

Posts