Shape 5

Hi,
I was trying to use Oasis on an IProperty site but then because of requested changes by client ended up switching to Corpway (IP looks goreous in it btw). I am only having 2 small issues atm.
First, the btn class for small buttons and Clear Search button are showing up with white text/or icon on white button. Wasn't sure how to fix without messing up all my other button styles that look perfect already.

Second,
On the property details tab, on listing details page, the columns are not laying out right. On there forum there was a post that suggested...
dl dt, dl dd {display: block !important;}
but pasted just like that into their component css, did not work for me for some reason. Did I do it wrong or put it in the wrong place?
Thanks for your help,

Hell,

Please post a url to where this occurs.

Sorry bro,

http://www.nexusforsale.com/browse-property/advanced-property-search

You can see below the search filter sliders, the clear search button. Then down the page you can see in the highlighted rows a white box with a house icon in the bottom right corner. Icon appears when you mouseover.
Then on the listing details pages here...
http://www.nexusforsale.com/residential-real-estate/property/1067-638-3rd-st-aspen-712706
You can see in the details tab the row/column distribution is off...

Thanks a ton for your help,

Sorry but I also have a separate question for you,
I have added a custom module position between the logo and the social icons. What do I need to add to my css so that it doesn't drive my social icons down and they stay at the top. So far I just have...
        display:block;
   max-width:500px;
   max-height:120px;

Thanks for your help,

Hello,

In template.css search for:

.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, #mod-search-searchword, input, textarea, button, .btn

Under that you'll see the background call, change it to: background:#000000;

Adjust the hex color however you need. That will give a color on the buttons.


The column issue is an issue with that component, and something that they need to address. The template columns are outputting with no issues. From what I can tell they're calling virtually no css of their own and completely relying on the template. A component should always provide their own css, especially if they have a particular layout they want. From what I can tell if you add this to custom.css it should rectify most of it:

.form-horizontal .controls {
margin-left:0px !important;
}


We don't provide services for adding custom module positions. Make sure you have a float:left in there somewhere too.

Thanks a bunch. That totally worked for the buttons and the contact form layout on the property pages, however, I was asking about the layout on the details tab for those pages.
It is the dt dd  from the bootstrap file. Here is what I am working with from the bootstrap in corpway...

I tried to squeeze the margins a bit to try and get it to not drop down but apparently haven't found the sweet spot yet. Any advice would be greatly appreciated.
Thanks,

Hello,

I took a look and stripped all the CSS files from the Template files and none of them are causing the layout issues with IP. You would need to contact the extension developer for assistance as the extension should be calling its own CSS for styling/placement.