Modify Popup pro block to be wider
Permalink
Hi!!! I need the pop up window to be wider, I need it to be 900px and be centered.
This is how it looks now...
http://webink.mx/index.php?cID=121......
Please help!! =)
This is how it looks now...
http://webink.mx/index.php?cID=121......
Please help!! =)
This is the add-on
http://www.concrete5.org/marketplace/addons/popup-pro/...
I know it actually has an advanced tab which says " Custom CSS Class" in front has a text field. There I've written several options.
1.- pop
2.- .pop
3.- .pop {width:800px}
But neither worked.
I created a class in my main CSS called .pop
I've tried both #pop and .pop but none result positive.
I've even created a .pp_pic_holder {width:800px} class in my main css because it seems to be the class used by the add-on but nothing happen.
Thank you,
http://www.concrete5.org/marketplace/addons/popup-pro/...
I know it actually has an advanced tab which says " Custom CSS Class" in front has a text field. There I've written several options.
1.- pop
2.- .pop
3.- .pop {width:800px}
But neither worked.
I created a class in my main CSS called .pop
.pop {width:800px}
I've tried both #pop and .pop but none result positive.
I've even created a .pp_pic_holder {width:800px} class in my main css because it seems to be the class used by the add-on but nothing happen.
Thank you,
URL would be nice.
Whoops, sorry...
...should have closed off pop up!
So does not work?
...should have closed off pop up!
So does
.pop{width:900px}
Hi, I have 2 questions, I hope you can help me for real.. because I feel like you're just guessing.
1.- What should I write in the text field of the Advanced TAB where the CSS Custom Class option is.
2.- Where I should add the .pop css config, in my main css? should I rewrite the js defaults, or where... because I've said before that I created a .pop {width:800px} and If you observe the white space in the pop up is not 800px is around 500px.
I would really appreciate your help, because the reason why I'm using conrete5 and its add ons is the support behind them, usually is very good.
1.- What should I write in the text field of the Advanced TAB where the CSS Custom Class option is.
2.- Where I should add the .pop css config, in my main css? should I rewrite the js defaults, or where... because I've said before that I created a .pop {width:800px} and If you observe the white space in the pop up is not 800px is around 500px.
I would really appreciate your help, because the reason why I'm using conrete5 and its add ons is the support behind them, usually is very good.
Error in block form, extra quote before style:
Modify:
To:
Modify:
To:
Modify:
To:
Need more help?
Talk to the developer!
<div id="jbpopup338" class="jbpopup jbpopupblock class="pop"" style="display:block;position:relative;">
Modify:
<div class="pp_pic_holder pp_default" style="top: 45.5px; left: 535px; display: block; width: 540px;">
To:
<div class="pp_pic_holder pp_default" style="top: 45.5px; left:25%; display: block; width: 840px;">
Modify:
<div class="pp_content" style="height: 689px; width: 500px;">
To:
<div class="pp_content" style="height: 689px; width: 810px;">
Modify:
<div class="pp_details" style="width: 500px;">
To:
<div class="pp_content" style="height: 689px; width: 800px;">
Need more help?
Talk to the developer!
Ohh.. Man I'm really sorry, I thought you were the developer... sorry for my tone.
And thank you very much for your help...
I knew I should change this.. the problem is that I dont know where can I change the final page html or if there's even a way to do that...
But thank you agaiin!
And thank you very much for your help...
I knew I should change this.. the problem is that I dont know where can I change the final page html or if there's even a way to do that...
But thank you agaiin!
Couple of flaws in my code.
Only change the width for pic_holder.
Details from:
To:
Try putting the code in your theme css file, it should over-ride the block css.
Only change the width for pic_holder.
Details from:
<div class="pp_details" style="width: 500px;">
To:
<div class="pp_details" style="width: 800px;">
Try putting the code in your theme css file, it should over-ride the block css.
Mods can be made through the add-on css.