Jump to content


Photo
- - - - -
Resolved

Can You Change The Size Of A Modal Button?

modal button

  • Please log in to reply
5 replies to this topic

#1 itarsenal

itarsenal

    Advanced Member

  • Members

  • 93 posts
  • LocationPhiladelphia
  • Framework Version:Personal
  • Country: Country Flag

Posted 06 November 2012 - 10:32 PM

Hi,

I have a modal button that brings up a window with a form in it, is there a setting to make it larger?

Here's the page it's on.

Please Login or Register to see this Hidden Content



I've already looked at

Please Login or Register to see this Hidden Content



I'm essentially using this code

[pl_modal title="Title" type="btn" colortype="info" label="Click Me!"]
Some content here for the cool modal pop up. Labels, badges, and buttons can open them!
[/pl_modal]

...but would like to know if I can make the button huge!

#2 batman

batman

    Bat Learning

  • Members

  • 2079 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 06 November 2012 - 10:52 PM

Hi itarsenal
You can modify the #px as you like and add this CSS rules, this is the default CSS

Please Login or Register to see this Hidden Content


You can begin add for example, and see what happened

Please Login or Register to see this Hidden Content



#3 itarsenal

itarsenal

    Advanced Member

  • Members

  • 93 posts
  • LocationPhiladelphia
  • Framework Version:Personal
  • Country: Country Flag

Posted 07 November 2012 - 09:17 PM

Well done, thank you!

This will change sitewide though hmm? I'll have to learn how to target it per page.

#4 batman

batman

    Bat Learning

  • Members

  • 2079 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 07 November 2012 - 10:13 PM

Hi again
You can try with something like

Please Login or Register to see this Hidden Content


If you also wish to know how I find the page ID, all you need to do is load up FireBug or Google Chromes web dev tool and inspect your page html, at the top you should see body which has a number of classes assigned to it, one of these is page-id-XX (replace XX with your pages id value.

I have added a Danny´s screenshot to assist you.



Please Login or Register to see this Hidden Content



#5 itarsenal

itarsenal

    Advanced Member

  • Members

  • 93 posts
  • LocationPhiladelphia
  • Framework Version:Personal
  • Country: Country Flag

Posted 09 November 2012 - 01:11 AM

You're the man batman.

When I searched with Firebug for page-id i got this though...

<body class="page page-id-2872 page-template-default logged-in custom static pagelines-template-theme default full_width " data-twttr-rendered="true">

We're you just giving an example with 55?

#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 09 November 2012 - 01:13 AM

The topic was marked as resolved.