| Add IDX Synchronization Tags to AgentPress 2.0 Using Genesis Simple Hooks | |||||||||
1. Add the following Custom CSS to your IDX account under Customize -> Custom CSS in your control panel. Add this code to the box labeled Master Style Sheet. #IDX-main select {width: auto;} #IDX-advancedBox select {width: 100%; height: auto;} #IDX-featuredSearch select {height: auto;} .content-sidebar img, .sidebar-content img { max-width: 8000px !important; } ![]() You can find more information on Custom CSS here. 2. Download StudioPress' WordPress plugin called Genesis Simple Hooks here. You can also add it through WordPress by going to Plugins > Add New, then search for Genesis Simple Hooks. Genesis Simple Hooks allows you to place extra HTML and PHP to any of the existing hooks in a Genesis-based theme. After installing the plugin on your WordPress site, go to the Genesis Simple Hooks plugin settings. In the Post/Page Hooks category, find the boxes for the "genesis_before_post" and "genesis_after_post" hooks. Place the IDX start and stop tags, <div id="idxStart" style="display:none;"></div> and <div id="idxStop" style="display:none;"></div> in the respective boxes as shown below. Once these are added, be sure to save the changes. You can find more information on how Genesis Simple Hooks works and where to find support on the StudioPress website. ![]() 3. Choose a page from your Wordpress site to synchronize with your IDX pages. Copy the URL for this page exactly how it appears in the address bar of your web browser, and paste it into the Wordpress Include field under Customize -> Global HTML Wrapper in IDX Broker. It is OK to choose a root folder URL, as long as the URL matches what you would see in your address bar, including any ending slashes, if applicable. ![]() |
| Related Articles |
| No related articles were found. |
| Attachments |
| No attachments were found. |