Recent
Categories
View Replies (9)

Madison Place module over module

0
Votes
Undo
  1. ticmic
    ticmic
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 07 January 2016
  5.  Subscribe via email
Hi

If you look at http://www.justgocampers.com you will see a slideshow and also a booking query form in the showcase position.

What I want to do is over lay the form over the slideshow like the file attached, can you advise me how this can be done


Thanks
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

You appear to have already found a solution to your query?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ticmic
ticmic
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
I paid someone to do it but its not ideal, do you have a cleaner way to do it

Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

If you could place your form module in the same module position as your slideshow we will see if this is possible via some custom CSS.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ticmic
ticmic
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

i have now placed it in the showcase position


thanks

nigel
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nigel

Adding the following Custom CSS will overlay your second module over the first. As your form is in an iframe we are unable to edit it via the templates CSS. I presume you would have some control of this on your side as you will need to alter the positioning of the form within the iframe.


.showcase .module:nth-child(2) {

    position: absolute;

    z-index: 105;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ticmic
ticmic
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks,

I have attached the form css, and to be 100% honest I do not have a clue what needs to be changed, can you have a look and advise me, I understand that this is over and beyond but I would really appriciate it

Cheers

nigel
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Nigel

It would be easier for us to come up with the needed changes by looking at a live version of the issue. If you could revert your form module back to the showcase position we will take a look.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ticmic
ticmic
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Changed back as requested
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Try adding the following to your iFrames CSS...


#blockrandom {

    margin-top: 0 !important;

}


You may need to increase the height of your slideshow to accommodate your form fully.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok