Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Modal Size
New Landing › How can we help? › Themeforest Theme Support › Dante › Modal Size
- This topic has 10 replies, 3 voices, and was last updated 10 years by Melanie – SUPPORT.
-
Posted in: Dante
-
January 31, 2014 at 7:20 pm #46076
Is there anyway to change or set the modal size per use.
I may want to use it at it’s standard default size for most uses but there may be a post/page where I may want to display an image in it at a larger size. Is this possible? How?
February 4, 2014 at 7:11 pm #46744Try this:
.extra-class .modal-dialog { width: 600px; }
And change the .extra-class to an extra class of your choice.
And then change the width.Let me know if this works!
– Kyle
February 4, 2014 at 7:41 pm #46757Thanks for the help!
When I insert the short code for the modal though there is not a field to place the class in. Where do I place the class so that the modal uses that class. How?
Thanks
L
February 4, 2014 at 8:00 pm #46761Sorry my mistake. You will have to use the page class instead.
– Kyle
February 4, 2014 at 8:27 pm #46775How do I do that?
Can you give me an example?
L
February 4, 2014 at 8:43 pm #46783Right click on the page and click view source.
Then search for the
February 4, 2014 at 9:00 pm #46791Search for the what? Class?
I found this:
<body class=”single single-portfolio postid-107 mini-header-enabled page-shadow header-shadow layout-boxed responsive-fluid search-1″ ontouchstart=””>
Is this the class?
So do I then add this css?
.single single-portfolio postid-107 mini-header-enabled page-shadow header-shadow layout-boxed responsive-fluid search-1 .modal-dialog {
width: 600px;
}Please advise.
February 4, 2014 at 9:56 pm #46796Hey Kyle,
While we are on the discussion of the modal, can you please check this out for me as well.
I am trying to use the google maps short code in the modal but the map does not fully display.
go here and click on the map button on the right side:
http://test.eachandeveryone.net/portfolio/arizona/
The modal comes up but the map only displays a little,
The code I am using:
[sf_modal header=”The Map” btn_colour=”transparent-dark” btn_type=”sf-icon-stroke” btn_size=”standard” btn_text=”The Map” btn_icon=”ss-location”]
[spb_gmaps address=”sedona, az” size=”500″ type=”terrain” zoom=”11″ saturation=”color” fullscreen=”yes” width=”1/1″ el_position=”first last”]
[/sf_modal]How can this be fixed?
Thanks!
February 5, 2014 at 12:51 pm #46935the only class you need to add beforehand is either pageid- or postid-.
So for this example it would be
.postid-107 .modal-dialog { width: 600px; }
For the second issue I will come back to this as your page is not loading for me right now.
– Kyle
February 5, 2014 at 6:37 pm #46981Kyle,
My servers are down due to the winter storm, I am in the Northeast USA.
Our power has been out for hours.
Please try again later today or tomorrow a I really need a fix for this issue with the maps and the modal dialogue.
Thanks.
February 11, 2014 at 10:21 am #47838Hope you’re well over there!
Please take care and let us know when you’re back!Cheers
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.