Forum Support

Shape 5
April 18, 2024, 10:27:47 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Minor IP Layout Issue...continued  (Read 401 times)
thcinc
Jr. Member
**
Offline Offline

Posts: 31



« on: October 31, 2014, 11:13:47 AM »

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,
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: October 31, 2014, 12:02:40 PM »

Hell,

Please post a url to where this occurs.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
thcinc
Jr. Member
**
Offline Offline

Posts: 31



« Reply #2 on: October 31, 2014, 12:16:12 PM »

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,
« Last Edit: October 31, 2014, 12:18:36 PM by thcinc » Logged
thcinc
Jr. Member
**
Offline Offline

Posts: 31



« Reply #3 on: October 31, 2014, 01:23:36 PM »

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,
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #4 on: November 01, 2014, 08:33:29 AM »

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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
thcinc
Jr. Member
**
Offline Offline

Posts: 31



« Reply #5 on: November 04, 2014, 11:02:00 AM »

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...
Code:
dl {
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 20px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0px;
}
.dl-horizontal dt {
  display:block !important;
  float: left;
  width: 150px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;

}
.dl-horizontal dd {
  display:block !important;
  margin-left: 80px;
  float:right;

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,
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #6 on: November 08, 2014, 02:29:43 PM »

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.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.