Broken Layout

Resolved viperdh
(@viperdh)

11 years ago

Hi,

When using the search the results do not display correctly, each result has a space under it of about half a page.

I have disabled every single plugin except yours and it is still doing it so I am thinking it’s the theme I am using, ‘Activehost’.

I don’t want to give out the URL publicly but am happy to give it to you privately.

Screenshot of search results:
http://i.imgur.com/8Yr1d3L.png

https://ww.wp.xz.cn/plugins/ajax-search-lite/

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author wpdreams
(@wpdreams)

11 years ago
Hi!

Yes, it looks like a CSS problem. It’s either a padding bottom, margin bottom or a visible :after pseudo element added by the theme.

Before disclosing your url, try the custom CSS fixes, one of them might work or at least make a difference:
```
.resdrg .item {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
```
Or
```
.resdrg .item .content {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
}
```
Or
```
.resdrg .item:after {
   content: " ";
   display: none;
}
```
Or finally:
```
.resdrg .item .content:after {
   content: " ";
   display: none;
}
```
I have a feeling that the first or the second one is going to work.
Thread Starter viperdh
(@viperdh)

11 years ago

Hi wpdreams,

Thank you for taking the time to respond. I have tried all 4 sections of css code and none seemed to make a difference. I was placing it into the css file (style.css) for the active theme (ActiveHost).

I have done an install on a tmp url and installed your addon so I can link it.
http://menucss.mytempsite.nz/wp/index.php/support/

I understand this isn’t really a problem with your plugin it’s a conflict with the theme so I really do appreciate any help you can give on getting them to play nice together.

If you would like login details to the wordpress install you can email me at [email protected]
Plugin Author wpdreams
(@wpdreams)

11 years ago
Hi!

Thank you for the link, I’ve found the problem. There was a global min-width attribute set to 361 pixels to “item” classes, so that’s why it was so strange.

The solution is very simple:
```
div[id*="ajaxsearchliteres"] .results .item {
    min-height: 0;
}
```
That should do the trick!
Thread Starter viperdh
(@viperdh)

11 years ago

Hey,

Wow, that did the trick thank you so much! No idea how you managed to work that out so quick without even having any access (only viewing).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Broken Layout’ is closed to new replies.

Tags