Fix tiny photo layout of dsidxpress real estate idx plugin « Support Forum | Kriesi.at

Fix tiny photo layout of dsidxpress real estate idx plugin

4 posts from 3 voices

Tags:

trfernandez1
Member

http://horrell.acuwebservices.com/idx/mls-20649418-19_sunny_st_irvine_ca_92620
The little icons (ie. Request more info, Schedule a showing, share, etc...) need to display inline, horizontally.

Had this same problem with Avisio and added the following code you guys provided:
#dsidx-tiny-photos img{
display: inline !important;
}
I added this same code to style.css in the exact same place but didn't fix problem.
Please advise.
Thanks in advance.

Tom

Posted 1 year ago #
Chris Beard
Hey,

To display a list in an inline you should put the items in a list.
i.e.
```
<ul>
  <li>Firest item</li>
  <li>Second</li>
</ul>
```
You'd just have to put a
<ul> </ul>

around the items you want to list, and for each of these items you'd add a
<li> </li>
around said item.
Then add the following to your css:
```
#dsidx-actions ul li {
    display: inline-block !important;
}
#dsidx-actions ul li img {
    float: left;
}
```
Posted 1 year ago #
trfernandez1
Member

I added that code and still not working...any other ideas?

http://horrell.acuwebservices.com/idx/mls-20649418-19_sunny_st_irvine_ca_92620

Posted 1 year ago #

Dude
Dude

Add following code to style.css:

#dsidx img{
display: inline !important;
}

#dsidx .lightbox_image{
background: transparent none !important;
}

Posted 1 year ago #

You must log in to post.