Insert Custom Modal Code

Completato Pubblicato 2 anni fa Pagato alla consegna
Completato 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>

CSS WordPress HTML JavaScript PHP

Rif. progetto: #30642949

Info sul progetto

19 proposte Progetto a distanza Attivo 2 anni fa

Assegnato a:

(553 valutazioni)
8.3

19 freelance hanno fatto un'offerta media di €31 per questo lavoro

niravvirani17

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

€30 EUR in 1 giorno
(1111 valutazioni)
8.7
khyatiraval

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

€30 EUR in 1 giorno
(506 valutazioni)
8.0
Dekin3

Hello, uploading modal code to wordpress site? Easy for me. Kindly provide me with more information so that I can check, thanks

€23 EUR in 1 giorno
(585 valutazioni)
7.6
moonwebtech

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

€27 EUR in 1 giorno
(365 valutazioni)
7.8
caciocode

Hi, I am a Wordpress developer. I can add the custom modal code to your website.

€15 EUR in 1 giorno
(417 valutazioni)
7.3
rizwange4

Hi There, i am a Website designer and developer. i have 05 years experience in website designing and development. i am expert in website designing and development. please message me to discuss about your project so t Altro

€19 EUR in 7 giorni
(332 valutazioni)
7.0
phpdeveloper3

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

€34 EUR in 1 giorno
(27 valutazioni)
5.5
VRwebdevelopers

HI i am here to do this simple task like add code in your site will give fast work for long term relation thanks

€19 EUR in 1 giorno
(53 valutazioni)
5.5
leminhkhanh2810

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

€30 EUR in 1 giorno
(30 valutazioni)
5.2
DavitD

⭐⭐ Hello ⭐⭐ ✅ I read the project very carefully and then drop the request ✅ and by choosing me you can be 100% sure that your work will be done one hundred percent !! ✔️i can help fix your problems related to " Inser Altro

€15 EUR in 1 giorno
(64 valutazioni)
4.9
rrenjith

Hi I am Renjith and Creativity is my Expertise as these are the skills I always aim for. During the 5 years of work experience, I have gained specialization in designing websites of a variety of nature. This not only s Altro

€30 EUR in 1 giorno
(27 valutazioni)
5.1
mochawoka

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

€45 EUR in 7 giorni
(2 valutazioni)
3.8
atulyaswebsmart

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

€30 EUR in 7 giorni
(2 valutazioni)
0.6