Insert Custom Modal Code
€8-30 EUR
Pagato alla consegna
I have Modal code I need to add to a WordPress website, all code will be provided.
A very easy job need to be completed today.
The code needed to add is this just unsure where to add it
<style>
.modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; }
.modal:target { visibility: visible; opacity: 1; }
.modal-content { margin: 25px auto; padding: 20px;; background: #fff; border-radius: 5px; width: 90%; position: relative; transition: all 5s ease-in-out; }
.modal-header h2 { margin-top: 0; color: #333; }
.modal-header .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; }
.modal-header .close:hover { color: #06D85F; }
.modal-iframe-container { position: relative; overflow: hidden; padding-top: 56.25%; height:100%; width:100% }
.modal-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
</style>
<a class="button open-blossom-avenue-modal" href="#blossomAvenueModal">Open Blossom Avenue Configurator</a>
<div id="blossomAvenueModal" class="modal" aria-labelledby="blossomAvenueModalLabel">
<div class="modal-content">
<div class="modal-header">
<h2 id="blossomAvenueModalLabel">Blossom Avenue: Configurator</h2>
<a class="close" href="#" aria-label="Close Configurator Modal Window">×</a>
</div>
<div class="modal-iframe-container">
<iframe class="modal-iframe" src="[login to view URL]" id="blossomAvenueEmbed" name="blossomAvenueEmbed" title="Blossom Avenue Configurator Tool" width="600" height="800" frameborder="0" allow="fullscreen" loading="lazy"></iframe>
</div>
</div>
</div>
Rif. progetto: #30642949
Info sul progetto
Assegnato a:
19 freelance hanno fatto un'offerta media di €31 per questo lavoro
Hello sir hope have good day to you here to add code in wordpress like you need i did many job here you can see my profile also when free let me know and will do right now thank you very much payal
Hello, I have gone through with your requirement and I will insert your given code in website immediately.. ##Let me know the site URL ? Thank You Khyati
Hello, uploading modal code to wordpress site? Easy for me. Kindly provide me with more information so that I can check, thanks
Hello I am expert wordpress developer and i can do this modal task and i will complete this today so please message me for this task Thanks
Hello employer, I am a 7+ years experienced web programmer specializing in almost all php cms(Word, Joomla, Drupal, Magento) / frameworks (Laravel, CODEIGNITER, CakePHP, symphony) and full stack technologies (Angular Altro
HI i am here to do this simple task like add code in your site will give fast work for long term relation thanks
Hello, Could you tell me where do you want to show the modal on the website? I can help you to add it to the system. Thanks and regards, Khanh Le
HI There Do you need custom CSS styling in your wordpress it can be done with ease let me assist in adding this module into your wordpress theme thanks Talha G
Hello, As I am very confident about the project and already worked with the specifications, you have mentioned. I have 4+years of experience . I can work at any time you want and keep in good communication with you. I Altro