• Anna
    August 20, 2014 at 10:00 am #65863

    /*=infobox
    ————————————————————————————-*/

    .info_details{
    margin: 0px;
    padding: 0px;
    width: 400px;
    height: 266px;
    max-width: 480px;
    margin-top: -337px;
    position: absolute;
    background: #ffffff;
    box-shadow: 3px 5px 13px 0px rgba(29, 29, 29, 0.05);
    margin-left: -90px;
    border-radius: 4px;

    border-bottom: 3px solid #99a3b1;
    }

    .info_details:after {
    top: 100%;
    border: solid transparent;
    content: ” “;
    height: 0;
    width: 0;
    position: absolute;
    border-top-color: #99a3b1;
    border-width: 15px;
    left: 108px;
    margin-left: -32px;
    }

    .contact_info_details{
    height: 140px;
    margin-top: 0px;
    margin-left: 0px;
    }

    .contact_info_details h2{
    font-size:30px;
    color:#3C90BE;
    background-color: #fff;

    float:left;
    width:100%;
    text-align: center;
    margin-top: 40px;
    }

    /*400 161*/
    .info_details img{
    max-width: 100%;
    width:100%;
    height: auto;
    max-height: 161px;
    float:left;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    }

    #infocloser{
    position: absolute;
    top:0px;
    right:0px;
    width:16px;
    height: 16px;
    background-color: #ffffff;
    z-index:999999;
    background-image: url(‘./css/css-images/closeicon.png’);
    cursor: pointer;
    border-top-right-radius:4px;
    }

    #infobox_title{
    font-size: 16px;
    color: #434a54;
    padding: 0px 0px 0px 13px;
    margin-top: 15px;
    margin-bottom: 0px;
    float: left;
    }

    #infobox_title a,
    #infobox_title a:hover{
    text-decoration: none;
    }

    #infobox_title:hover,
    .info_details a:hover{
    color:#3C90BE;
    text-decoration: none;
    }

    #info_inside{
    padding-left: 13px;
    float: left;
    font-size: 14px;
    margin-top: 13px;
    color: #717374;
    width: 100%;
    }

    .info_idx{
    height:241px!important;
    margin-top: -311px!important;
    margin: 0px;
    padding: 0px;
    width: 400px;
    max-width: 480px;
    position: absolute;
    background: #ffffff;
    box-shadow: 3px 5px 13px 0px rgba(29, 29, 29, 0.05);
    margin-left: -90px;
    border-radius: 4px;
    border-bottom: 3px solid #99a3b1;
    }

    .idx-price{
    color:#3C90BE;
    }

     

    INFOBOX – image re-size rule settings

    Infobox images are re-sized to fit in a landscape view, so it crops in the image to resize to the width we set in theme code.

    So – general-settings.php you can edit this size to match your images and be resized to a different width.


    add_image_size(‘property_map1’    , 400, 161, true);

    True – means crop is enabled. WordPress documentation http://codex.wordpress.org/Function_Reference/image_resize

    Use REGENERATE THUMBNAILS plugin to re-create the images again.

    Test to see if it’s a good rule or try again a different re-size.

    ——

    Infobox is created in libs/pin-management.php file.

You must be logged in to reply to this topic.

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.