Discussion on Cozy - Responsive Real Estate HTML Template

Discussion on Cozy - Responsive Real Estate HTML Template

Cart 1,184 sales
Well Documented

WiselyThemes supports this item

Supported

103 comments found.

Morning , does this template come with an admin section for adding properties or is it basicaly just the front end?? if there is no admin section can you recommend one please, thank you

also on your demo there is a search function in the right hand widget , does this work??

Hi,

This is the HTML version, so only the front end is included (HTML5, JS, CSS/LESS and PHP for the contact form). The search function can only work if the website is integrated with a database.

Best regards,
WiselyThemes

Hi, i bought this theme month ago. Implemented theme on page. If you look at page footer you can see two problems: social icons vertical align and latest listings vertical align. Please help.

Hi,

Thank you for purchasing Cozy.

We checked your website and you can solve those issues by adding the following lines to the bottom of your style.css file:

.footer-listings li a {
    line-height: inherit;
}
.social-networks li a{
    padding: 8px;
}

Let us know if this solved the problem.

If you have other questions, please contact us through the item’s support form for a faster response.

Best regards,
WiselyThemes

Hi,

thanks for your help. Can you please provide me solution to include this fix into less file? Thanks

Hi,

You can do the same procedure for the less file.

Best regards,
WiselyThemes

Hello, The theme looks very nice and I’ve created my own website and it looks stunning only the search function doesn’t work because there is no database attached to it. Could you please provide help so I can convert the website I already have based on your templates to Wordpress?

With kind regards, Riccardo

Or could someone here please explain me in a detailed way how to enable a simple function like the SEARCH function on de index-grid page. I used the PHP version of your theme so what can I implement in my site so that my customers can search on how many bedrooms for example

Hi Riccardo,

Thank you very much for purchasing Cozy. We’re really pleased to know that you’re happy with our template.

Regarding the conversion of the template to Wordpress, this is something that we are currently developing. It’s a complex process and cannot be explained on a few lines.

To make your website searchable, you’ll need to have a database (with all your properties data) and a PHP script to search your database. You can check this article to have an idea what you’ll need to accomplish it.

Best regards,
WiselyThemes

Hello, I purchased the template, I have a limited experience with html and css. are there any video tutorials that you recommend that will help me understand how to customized the code in the files.

-Thank you.

Hi,

Thank you for purchasing Cozy.

The template comes with help documentation that will guide you through the basic customization of the template. Yet, if you have questions that goes beyond the scope of the documentation, feel free to contact us through the item’s support form. Also, if you need customization services, we can also provide them for you.

Best regards,
WiselyThemes

I am using pricing.style3.

The matter is that if I have more than 4 items in the UL…. I want the “item header” tag content to grow accordingly (without fixing a height in pixels) because I can have 4, 6, 8 items in the UL depending on the plan

Is there a way to fix this? (I have tried height:100% with no results)

You have to replace the CSS property “float:left;” of the selectors .item header, .item >ul and .item >.btn with “display:table-cell”. You’ll also need to add the property “vertical-align: middle;” to the selector .item header.

Best regards,
WiselyThemes

Hi, I just bought the theme.. and I am new in google map things..

My 1st question is how to point the map location to other country like Singapore?

Thanks.

Regards, Jim

Hi Jim,

Thank you very much for purchasing Cozy.

You can set the initial latitude and longitude for the properties and agencies map in the file js/variables.js. For more information, please check the help documentation at the section Features > Google Maps.

If you have other questions, please contact us through the item’s support form for a faster response.

Best regards,
WiselyThemes

I would like to change list-style visualization. I want the “amenities” UL to display below the image…. just like grid-style1. I move the UL outside the “info” DIV but not getting the wanted result. Cant place it below the image.

Can you help me with this one?

You have to place the amenities list inside the div with class “image”. Then you might need to do some CSS changes for the mouse-over effect.

Best regards,
WiselyThemes

Hi, can you tell me the secret why class “fullwidthsingle” shows images good even if they are different ratio and grid-style1 or list-style doesn’t…

you can check it here: http://www.administracionrubin.com.ar

Dismiss this one… I added some @media config. to use max-height in md and lg. and looks fine

I have an issue with OWL Carousel in IE9. Mine dont work. Yours in the demo DOES.

Its about any file update?

I mean the online demo

We sent you an email.

Best regards,
WiselyThemes

Thanks. Solved

I have 2 final issues with my implementation.

1) The select2 dropdowns… when I use them in mobile… they open keyboard for typing… (when I don’t need to type) and its annoying. Is there a way to prevent this?

2) I am using home with slider. In the “Recent Properties” section…. I would like 3 columns on big screens… but when getting small… for example iPAD horizontal view… 3 columns are too small and the text overlapping the image is unreadable. How can I achieve this:

for extra large screens… 3 columns. for any other screen but not extra small …. 2 columns.. extra small … single column.

Thanks in advance.

Hi,

1) You can disable the search box by adding the following property to the plugin object constructor (scripts.js line 475):

disable_search: true

Yet, we think that’s the default behavior of the plugin and it will still open the keyboard.

2) You can change how the columns behave by changing the class from “col-md-4” to “col-lg-4”. Changing from 3 columns to 2 columns that’s not how bootstrap columns work. To make the columns work this way, it must be custom developed.

Best regards,
WiselyThemes

Thanks

Hi, Please send me the PSD file :)

Hi,

Thank you very much for purchasing Cozy.

Please contact us through the item’s support form or through the contact form on our ThemeForest profile so we can have your email.

Best regards,
WiselyThemes

Hi, I’ve just send you my email address, please check :)

Hi, i bought this theme 10 days ago. Searchbox behaves strange with twitter typeahead version 0.11.1 (http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js).

Trying to implement autocomplete on input field <input type=”text” class=”form-control”>

Please help with some additional css styling. Thanks in advance

Hi,

Thank you very much for purchasing Cozy.

We can only provide support for plugins included on Cozy. However, if you send us a link of your website through the item’s support form, we’ll take a look at the issue.

Best regards,
WiselyThemes

I am trying to make the “sidebar gray” to display 100% height when left content is deep. I see you use <div class="content colored"> to do this. Then I changed the colored background to white and keep the sidebar gray... it looks as I want but the display of the dropdown lists is affected. How can I fix this?</div>

If we understand right what you are trying to do, you just have to add the class “gray” instead of “colored” to both content and sidebar divs like this:

<div class="content gray">
...
</div>
<div class="sidebar gray col-sm-4">
...
</div>

Best regards,
WiselyThemes

I get the desired result.. applying the gray class to the container div. Because I wanted the right margin to remain white

Hello.

Another help needed if possible. I am using homepage with google map.

I would like to change the map search form to be “vertical” and move the “minus/plus” icon to the right of the street view icon (top left corner) and once I click it animate to the right and then down.

I have been playing aroud with no luck :(

I finally could. Dismiss this one.

I have to put style=”height:90px” in he following code (h3 and p tags) to make it look fixed height when text length vary. But when I use the buttons to change view to lines… it affects the render of lines view.

I need to put those heights in the CSS for the class grid-style1 but there are a lot of items there and I don’t know where to put the fixed height… can you help me here?

Details \\ For Sale $950,000

Luxury Apartment with great views Upper East Side, New York

Sed rutrum urna id tellus euismod gravida. Praesent placerat, mauris ac pellentesque fringilla, tortor libero condimen.

  • 2150 Sq Ft
  • 4
  • 3

You can create your own CSS file to override some styles. Use the following code to style h3 and p tags for the class grid-style1 (you can also add this to the existent style.css):

.grid-style1 .item > .info h3{
    height:90px;
}

.grid-style1 .item > .info p{
    height:90px;
}

If you are not sure which classes to change, you can use a tool like Firebug to help you find them.

Best regards,
WiselyThemes

Thanks.

Is there an easy way to prevent the search input in the header to hide when user clicks anywhere outside it? In other words only opening and closing it clicking the search button.

And a plus would be not to set focus in the inpu twhen its opened because the placeholder text info never shows

Any help? :D

You’ll have to do some changes on the script that controls the search input in the header (file uisearch.js). Remove the event listener where it says “close the search input if body is clicked”. To remove the focus, delete the code where it says “focus the input”.

Then you’ll to replace the script in the file common.js (this is the file that loads the scripts common to all pages).

Best regards,
WiselyThemes

Great. Solved. Thanks

I am having a huge problem. I am developing the theme with .NET. When I encapsulate all the HTML between the body tag inside a form tag… (previously removing all the form tags, to only have one) all the effects of animation provided by the file common.js. stop working with a javascript error…

Any workaround for this?

I think I solved.

I changed this fragment in “codrops” section in common.js

this.inputEl=t.querySelector(“form > input.sb-search-input”)

for

this.inputEl=t.querySelector(“input.sb-search-input”)

I have to test it more deeply to see if something goes wrong… but it appears not.

If you have another solution… it will be very welcome

We cannot tell it for sure without analyzing your code, but if it’s not returning any javascript error, it should be fine.

If you have other questions, please contact us through the item’s support form or through the contact form on our ThemeForest profile for a faster support.

Best regards,
WiselyThemes

Hello… is it possible you send me the property images, just to make development more friendly before I test with my real data.

Hi,

Thank you very much for purchasing Cozy.

We don’t have the rights to distribute the images, but we included the links to all images in the help documentation under the section Sources and Credits.

Best regards,
WiselyThemes

Sorry… I asked for this before I try your template. With the images wih sizes is more than ok for me… I thought I would only see broken links.

Now I have seen it better… very good job… all is very clear to implement.

Congrats.

Hi, I have purchased this theme and since I am new to website designing I am a bit confused. I am not able to locate the folder in which we have to add images of properties that will be displayed in slider. Please can you help?

Hi,

We sent you an email.

Best regards,
WiselyThemes

Quit question
On every page there is a banner that currently deploys a pattern.
Is it possible to use an image instead of the pattern?

Thanks in advanced

Best regards,

Hi doulo,

Yes, you can change the pattern with an image. The pattern by itself it’s an image, so it will be changing an image by another one. You can make the image as you like, you just have to make sure that the canvas has enough height so that everything is visible.

Best regards,
WiselyThemes

Thank you.
What about my second question. Cover image and profile image.

We don’t have that option on our template, but since Cozy is an HTML template, you can add some custom HTML/CSS to achieve the desired effect.

Best regards,
WiselyThemes

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey