Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #520674

    I use a plug in that i non editable. I want to take it’s contents from a list and place them into 3 or 4 columns. I am using custom CSS code add on and placed mcj in the box. But Can’t get that to work with plug in. I have this custom CSS code and a way to add it to a single page, but it doesn’t work for some reason (but works on home page which is a custom template. Is there something I can do to get this to work? Home page is http://www.waterstone-realty.com. Demo page of this not working would be http://www.waterstone-realty.com/20151010-2 . Same page my widget is behind slider. Any advice on bringing it to front. Tried z-index but it isn’t working too well for some reason. But first and foremost trying to get my Pictures centered and columned.

    <style type=”text/css”>
    .entry-content ul, .entry-content ol {
    width:100%;margin-auto;padding-right:px;overflow:hidden;display:block;
    }

    .entry-content ul li, .entry-content ol li {
    display:block; width:310px;margin-left: auto;margin-right:auto;
    }

    .entry-content ul li img, .entry-content ol li img {
    display:block;width: 250px;margin-left:30px;
    }

    .dsidx-prop-features {display:none;}

    .dsidx-prop-title {font-size:8pt; margin-bottom:10px;width:100%;margin-left:0px;}

    .dsidx-prop-title img {display:block;font-size:8pt; margin-bottom:10px;width:250px;margin-left:auto;margin-right:auto; text-align:center;}

    .dsidx-results {margin-left:auto;margin-right:auto;width: 100%;}

    .dsidx-prop-summary {display:inline; float:left; width: 250px; height: 210px; overflow:hidden; }

    .dsidx-results li img {float:right;width:250px;display:block; height: 162px;margin-left:auto;margin-right:auto;text-align:center;}

    #deleteit {display:none;}

    .entry-content p, .entry-content > ul, .entry-content > li, .entry-content > dl, .entry-content pre, .entry-content code, .entry-content blockquote {
    clear:both;
    overflow:hidden;
    }

    /* IPHONE
    —————–
    Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

    @media screen and (min-width: 300px) and (max-width: 739px) {
    /* STYLES HERE */

    .entry-content ul li img, .entry-content ol li img {
    display:block;width: 250px;margin-left:20px;
    }

    }
    </style>

    • This topic was modified 9 years, 2 months ago by WSRJohn.
    #520978

    Hi WSRJohn!

    Can you please try adding !important rule to your codes as following example

    .dsidx-prop-features {display:none!important;}

    Regards,
    Yigit

    #520985

    I did with no success
    In reality i dont tbink my code is the cleanest. Basically if i just could line them up with a minimal of 100 px in between and have it shift as needed ti k it would be best. So if i could get a little help with that would be splendid.

    Having problems with the custom css function that i installed through you all. Cant get it to work in situations like this. The help site is somewhat unclear as to where and how to add the cuatom css. Would it be .mcj.dsidx…. or what?

    #521006

    Believe its the .entry-content ul ui and such that has to be adjusted as that will place the other items.

    #521321

    Hi,

    I’m not really sure if it’s your frontpage not looking as it should or the other one? Please post a few screenshots of what you are trying to achieve in order to highlight your intentions.

    Thanks,
    Rikard

    #521947

    Sorry to be unclear. I don’t’ have an example of what I need. But http://www.waterstone-realty.com/20151010-2 is a minimal page. I am trying to get “See all Real estate matching your search…. Read full disclaimer.” to appear at the bottom. The pictures need to be evenly spaced 4 across by 3 down. I can achieve this with Set width, but need it responsive.

    My custom CSS is below.

    #mcj .dsidx-results {width:100% !important; padding-left: auto !important; margin-left: auto !important; justify-content: space-between;}

    #mcj .dsidx-prop-summary {display: inline; float:left; width: 320px; height: 210px; overflow:hidden; position: relative; }

    #mcj .dsidx-prop-title {font-size:8pt; margin-bottom:10px;width:100%; text-align:center;}

    #mcj .dsidx-results li img {width:250px;display:block!important; height: 162px; margin-left:35px }

    #mcj .dsidx-prop-features {display:none !important;}

    #522550

    Hi!

    not sure what you mean and what you need. So you just want to have this part:

    See all Real estate matching your search.
    (all data current as of 10/21/2015)

    Listing information deemed reliable but not guaranteed. Read full disclaimer.

    below your images? why not use the ALB editor to achieve this kind of layout? with it you have all freedom you can imagine.

    Send us admin access if you need further support.

    Regards,
    Andy

    #522552

    The images are from a PLUG IN . I have no control over what the short code creates. I want to change the look of the results.

    Set of 4 pictures evenly spaced across the screen
    3 rows.

    And the Words on the page you saw at the bottom of the page. Right now they are taking up the 4th column for some reason.

    #523262

    Hi!

    no idea what you want to achieve. Can you provide us a mockup showing how you want everything to look? you can use imgur.com or dropbox. However, if you have troubles with a plugin then it would be best to ask plugin’s author about it.

    Cheers!
    Andy

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.