Your address will show here +12 34 56 78

Home Forums WP ESTATE – Real Estate WordPress Theme FORUM INFOBOX on map – dsIDXpress CSS to make images imported from IDX smaller

This topic contains 0 replies, has 1 voice, and was last updated by  Anna 3 years ago.

  • Author
    Posts
  • #99318

    Anna
    Keymaster

    I did this code for another client.  Should work if you add it in a child theme or even in Custom CSS

    .idx_info img{
    width:100%
    }

    .idx_info{
    margin:0px 0px 0px 0px;
    width:430px;
    background-color: #fff;
    height: auto!important;
    }

    .info_details.idx-container{
    width: 430px;
    margin-top: -430px;
    }

    .idx_info {
    margin:0px 0px 0px 0px;
    float:left;
    width:430px;
    height: 268px!important;
    overflow: hidden;
    background-image: url(‘css/css-images/idxdefault.jpg’);
    background-repeat: no-repeat;
    }

    .info_details .idx_info{
    width:430px;
    }

    @media only screen and (max-width: 800px){
    .idx_info {
    width: 430px;
    height: auto!important;

    }
    .info_details .idx_info,
    .idx-container.small-info,
    .small-info .idx_info  {
    width:430px;
    }

    .info_details.idx-container{
    width: 430px;
    margin-top: -550px!important;
    }

    .idx-container{
    width: 430px;
    margin-top: -550px!important;
    }
    .info_details.idx-container.small-info{
    margin-top: -546px!important;
    }
    }

    @media only screen and (max-width: 600px){
    .idx_info{
    width:400px;
    height: auto!important;
    }

    .info_details .idx_info,
    .idx-container.small-info,
    .small-info .idx_info  {
    width:400px;
    }

    .info_details.idx-container{
    width:400px;
    margin-top: -507px!important;
    }
    .idx-container{
    width:400px;
    margin-top: -450px!important;
    }
    .info_details.idx-container.small-info{
    margin-top: -470px!important;
    }
    }

    @media only screen and (max-width: 400px){

    .idx_info{
    width:250px!important;
    height: auto!important;
    }

    .idx-container.small-info,
    .small-info .idx_info  {
    width:250px;
    }

    .info_details.idx-container.small-info{
    margin-top: -362px!important;
    }

    .info_details.idx-container{
    width:250px;
    margin-top: -320px!important;
    }

    }

    ———

You must be logged in to reply to this topic.