Product details in lightbox

hello again!
any suggestion regarding this? i’ve been trying to find a solution everywhere and no luck so far…
Thank you

Hi Yigit!
You’re the man!!! Thank you very much.
Now i have 2 smaller problems though:
1. How do i remove the header and footer of the product page?

Once again, thank you very much, your solution is perfect!

Kind regards,

Lucian

• This reply was modified 8 years, 5 months ago by luciantstoian. Reason: figured out this one also

Salut!
It’s perfect.
And just one more question – stupid one, i’m like a virgin to this.
The code i used is:

<a href="http://retetadincutie.ro/produs/somon-prajit?iframe=true/">Vezi detaliile produsului</a>

<div id="detalii1" class="red-popup mfp-hide">

</div>

I will have 4 links to move around in 4 different positions. I’m trying and trying but i can’t figure out witch element to customize (ex: a.mfp-iframe.lightbox-added { )
I noticed position: absolute is a must… i think :))
Sorry for the dumb questions…

Thank you very much Yigit!

I need to command the new created element to:
position: absolute;
margin-left: 286px;
margin-top: -41px;
background-color: white;
I tried adding it to the class like in the mailchimp post (.red popup { ) but nothing happens…
If i add it to mfp-iframe lightbox-added it works, but it also moves the pup up screen
I just don’t know witch element to assign these commands to… I can’t figure it out in the inspect screen.

And then i will create 3 more links to go to the other product boxes, so each of them will have their own custom css.
Do i need to give them different class or id? I should probably read and learn basic css rules…sorry for wasting your time

http://imgur.com/Jqzu4bQ

Thanks

• This reply was modified 8 years, 5 months ago by luciantstoian.