GardenWeb Houzz Layout

Added by molanic@userstyles, Created: Feb 17, 2015, Updated: Mar 21, 2015
  • With the style applied
  • Layout and color styles both applied.
Size for all fonts for small screen portrait mode. Px or relative.


For GardenWeb forum pages on Houzz. This style is limited to changing styles on the domain and (for when you get e-mails for links to discussions). It will not change the other areas of Houzz unless you edit the code. This style only affects layout, but can be used simultaneously with the color style sheet as well. The goal is simplify the layout and make it scaleable for smaller displays without horizontal scrolling.

More info
Update 3/19/2015: Added back in code from other tablet testing style and deleted it. Option to set font size for everything on devices with width < 800px. Minor tweaks.

Update 2/23/2015: Window resizing should allow most content to wrap now instead of having to scroll horizontally. When the window width gets down to 800 pixels it should move the side area boxes of content to above and below the main area. I'm hoping that will help on tablets and phones vertical screens a bit, but you may want to make the font-size significantly bigger with the other style on those devices.

Update 2/20/2015: I added some code to keep the images in posts from being distorted or stretched.

Update 2/19/2015: I switched some of the set widths of things to use percentages instead so the site would scale down for smaller displays without horizontal scrolling. The navigation bar is simplified also.

I'm trying to make the layout more fluid for smaller displays.

Applies to:,
CC0 1.0 Universal.
molanic@userstyles has waived all copyright and related or neighboring rights to GardenWeb Houzz Layout, to the extent allowed by law.

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.