css - Modal button: make the whole section clickable -


i working on website , can see have 2 modals, 1 on left , 1 on right (the icons).

what want keep modal buttons in same position make whole section (the pictures girl , texts) clickable.

infos: can use "i" icon modal button :/ , can edit css not html.

is possible open modal window clicking on whole section?

here code:

html:

<div id="ts-vcsc-modal-5397504-container" class="ts-vcsc-modal-container"> <div id="ts-vcsc-modal-5397504-trigger" style="" class="ts-vcsc-modal-5397504-parent nch-holder ts-vcsc-font-icon ts-font-icons ts-shortcode ts-icon-align-center    "> <a href="#ts-vcsc-modal-5397504" class="nch-lightbox-modal no-ajaxy" data-width="1024" data-title="" data-open="false" data-delay="0" data-type="html" rel="" data-effect="slideup" data-share="0" data-duration="5000" data-color="rgba(255,255,255,0.01)" data-lightbox-init="true"> <i class="ts-font-icon ts-awesome-info-circle" style="color: #ffffff; width:80px; height:80px; font-size:80px; line-height:80px;"></i></a></div> <div id="ts-vcsc-modal-5397504" class="ts-modal-content nch-hide-if-javascript " style="display: none; padding: 15px; background: #0076bc;"> <div class="ts-modal-white-header"></div><div class="ts-modal-white-frame" style=""><div class="ts-modal-white-inner"><p></p> <h2 style="text-align: left;"><span style="color: #ffffff;"><b>wer seinen mietvertrag im aquila bis 31.12.2016 unterzeichnet, erhält</b></span></h2> <p><span style="color: #ffffff;">1 nettomietzins geschenkt bei einzug innert 3 monaten</span><br> <span style="color: #ffffff;"> 2 nettomietzinse geschenkt bei einzug per dezember 2016</span></p> <p><span style="color: #ffffff;">zusätzlicher weihnachtsgutschein von sutter begg oder aj salon hair &amp; make im wert von chf 1000.–</span></p> </div> </div> </div> </div>

thanks in advice help.

.nch-lightbox-modal.no-ajaxy {     width: 100%;     height: 100%;     display: block;     position: absolute;     top: 0;     left: 0; } .ts-font-icon.ts-awesome-info-circle {     color: #ffffff;     width: 80px;     height: 80px;     font-size: 80px;     line-height: 80px;     position: absolute;     bottom: 25px;     right: 0; }

try anchor tag , icon


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more