Property Management, Tenant Selection, Real Estate News & Tips

Advanced Layout and Design Tips for your Property Management Website (CSS/HTML)

By on June 23, 2017 in Education with 0 Comments

property management website

Rentec Direct clients have access to a free professional property management website to promote their business, market vacancies, accept online rental applications, and provide information about your property to the online world.

Your website even comes with a free custom domain name (www.[whateveryourheartdesires].com) to match your business’s name and help you stand out as an industry professional.

Your property management website comes with a free website builder and a custom made template. The template includes three customizable pages, including a Home Page, an About Us Page, and a Contact Us Page. These three pages are combined with an Available Listings Page (from your property vacancies in the software) for a total of 4 total website pages.

Free Marketing Website for Landlords and Property Managers from Rentec Direct – video

You can find details on how to edit and update your website in this guide How to Build a Professional Website with Rentec. This guide goes over how to access the website builder and edit the template.

Advanced Web Design Tips with CSS and HTML

If you are looking for some advanced web design tips to work the backend code with CSS and HTML, here are some example techniques I used when updating my Rentec Direct website. See an example here: http://mworld.propertymanage.biz/

If you are unfamiliar with CSS and HTML coding, you should work with a web designer for more detailed design help. Rentec Direct provides you with a free website, complete with an editable template, editor, and hosting, we are not, however, web designers and are unable to provide additional design support for CSS/HTML coding questions.

CSS Coding

To control the look and feel of the content, you can add CSS styling in the Header box:

website editor for Rentec Direct

You can find the Header box for each page by Clicking on Website and Branding in the Settings Tab and then clicking on the page you want to edit.

Your CSS will need to be formatted inside of style tags (<style type=”text/css”> … </style>).

Here is an example:

<style type=”text/css”>

/*control the width of the top (logo and navigation)*/
.container-block {max-width:1024px!important;}

/*change the background color (example is white)*/
Body {background:#ffffff!important;}

/*set width of site content (must place <div id=”body”> at beginning of html and </div> at the end of html)*/
#body {margin:auto; padding:0px 10px 0px 10px; max-width:1024px;}

</style>

Each of the styles are commented (/* …*/). Those comments are not required and will disappear when the page is saved. The first two styles (.container-block and Body) impact the design automatically.

HTML Coding

For editing HTML you need to access the source code, which can be found under the Tools tab in the editor.

website for Rentec Direct

In order to make the third style (#body) active, you need to add this to the very top of the HTML code:

<div id=”body”>

And you need to add this to the very bottom:

</div>

Also, you will want to set all tables to 100% width:

<table border=”0″ width=”100%”>


Related Reading For You:

Tags: ,

About the Author

About the Author: David is part of the rock star sales team at Rentec Direct. When he's not helping property managers and landlords discover how to take their business to the next level, he is exploring the country on his Honda ST1100 named Stacy. .

Subscribe

If you enjoyed this article, subscribe now to receive more just like it.

Post a Comment

Top