New Landing › How can we help? › Themeforest Theme Support › Dante › Modal Size

Viewing 11 posts - 1 through 11 (of 11 total)
  • Back to forum
    Posted in: Dante
  • January 31, 2014 at 7:20 pm #46076
    lawrence
    Member
    Post count: 49

    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 #46744
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try 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 #46757
    lawrence
    Member
    Post count: 49

    Thanks 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 #46761
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Sorry my mistake. You will have to use the page class instead.

    – Kyle

    February 4, 2014 at 8:27 pm #46775
    lawrence
    Member
    Post count: 49

    How do I do that?

    Can you give me an example?

    L

    February 4, 2014 at 8:43 pm #46783
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Right click on the page and click view source.

    Then search for the

    February 4, 2014 at 9:00 pm #46791
    lawrence
    Member
    Post count: 49

    Search 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 #46796
    lawrence
    Member
    Post count: 49

    Hey 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 #46935
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    the 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 #46981
    lawrence
    Member
    Post count: 49

    Kyle,

    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 #47838
    Melanie – SUPPORT
    Member
    Post count: 11032

    Hope you’re well over there!
    Please take care and let us know when you’re back!

    Cheers

  • Back to forum
    Posted in: Dante
Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register