Louver White Oak

Builder / Contractor Doors

Louver White Oak

Louver White Oak

Contractor Doors

Classic Interior Doors

Hand Selected, Premium White Oak
Also available in Mahogany or Knotty Alder
All doors are sold 1 3/4″ thick
Manufactured with true louvers
Price is for unfinished, single door (slab)
Price is FOB Los Angeles, California
Price subject to change without notice

Price

All Doors in Knotty Alder

15x80	18x80	24x80	28x80	30x80	32x80	36x80
24x96	28x96	30x96	32x96	36x96

Select Door Size for Pricing

Phone: 866-576-7670

/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } /*# sourceURL=wp-emoji-styles-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } /*wp_block_styles_on_demand_placeholder:69794c5f8111e*/ /*# sourceURL=wp-block-library-inline-css */ :root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122, 0, 223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0, 124, 186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; --wp-admin-border-width-focus: 2px; } @media (min-resolution:192dpi) { :root { --wp-admin-border-width-focus: 1.5px; } } .wp-element-button { cursor: pointer; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-very-light-gray-color { color: #eee; } :root .has-very-dark-gray-color { color: #313131; } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc); } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; } .has-regular-font-size { font-size: 1em; } .has-larger-font-size { font-size: 2.625em; } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal); } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge); } .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } .has-fit-text { white-space: nowrap !important; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html :where(.has-border-color) { border-style: solid; } html :where([style*=border-top-color]) { border-top-style: solid; } html :where([style*=border-right-color]) { border-right-style: solid; } html :where([style*=border-bottom-color]) { border-bottom-style: solid; } html :where([style*=border-left-color]) { border-left-style: solid; } html :where([style*=border-width]) { border-style: solid; } html :where([style*=border-top-width]) { border-top-style: solid; } html :where([style*=border-right-width]) { border-right-style: solid; } html :where([style*=border-bottom-width]) { border-bottom-style: solid; } html :where([style*=border-left-width]) { border-left-style: solid; } html :where(img[class*=wp-image-]) { height: auto; max-width: 100%; } :where(figure) { margin: 0 0 1em; } html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px); } @media screen and (max-width:600px) { html :where(.is-position-sticky) { --wp-admin--admin-bar--position-offset: 0px; } } /*# sourceURL=/wp-includes/css/classic-themes.min.css */ /*! This file is auto-generated */ .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } /*# sourceURL=admin-bar-inline-css */ /* Hide CanvasJS credits for P404 charts specifically */ #p404RedirectChart .canvasjs-chart-credit { display: none !important; } #p404RedirectChart canvas { border-radius: 6px; } .p404-redirect-adminbar-weekly-title { font-weight: bold; font-size: 14px; color: #fff; margin-bottom: 6px; } #wpadminbar #wp-admin-bar-p404_free_top_button .ab-icon:before { content: ""; color: #dc3545; top: 3px; } #wp-admin-bar-p404_free_top_button .ab-item { min-width: 80px !important; padding: 0px !important; } /* Ensure proper positioning and z-index for P404 dropdown */ .p404-redirect-adminbar-dropdown-wrap { min-width: 0; padding: 0; position: static !important; } #wpadminbar #wp-admin-bar-p404_free_top_button_dropdown { position: static !important; } #wpadminbar #wp-admin-bar-p404_free_top_button_dropdown .ab-item { padding: 0 !important; margin: 0 !important; } .p404-redirect-dropdown-container { min-width: 340px; padding: 18px 18px 12px 18px; background: #23282d !important; color: #fff; border-radius: 12px; box-shadow: 0 8px 32px rgba(0, 0, 0, .25); margin-top: 10px; position: relative !important; z-index: 999999 !important; display: block !important; border: 1px solid #444; } /* Ensure P404 dropdown appears on hover */ #wpadminbar #wp-admin-bar-p404_free_top_button .p404-redirect-dropdown-container { display: none !important; } #wpadminbar #wp-admin-bar-p404_free_top_button:hover .p404-redirect-dropdown-container { display: block !important; } #wpadminbar #wp-admin-bar-p404_free_top_button:hover #wp-admin-bar-p404_free_top_button_dropdown .p404-redirect-dropdown-container { display: block !important; } .p404-redirect-card { background: #2c3338; border-radius: 8px; padding: 18px 18px 12px 18px; box-shadow: 0 2px 8px rgba(0, 0, 0, .07); display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #444; } .p404-redirect-btn { display: inline-block; background: #dc3545; color: #fff !important; font-weight: bold; padding: 5px 22px; border-radius: 8px; text-decoration: none; font-size: 17px; transition: background .2s, box-shadow .2s; margin-top: 8px; box-shadow: 0 2px 8px rgba(220, 53, 69, .15); text-align: center; line-height: 1.6; } .p404-redirect-btn:hover { background: #c82333; color: #fff !important; box-shadow: 0 4px 16px rgba(220, 53, 69, .25); } /* Prevent conflicts with other admin bar dropdowns */ #wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item { z-index: auto; } #wpadminbar #wp-admin-bar-p404_free_top_button:hover > .ab-item { z-index: 999998 !important; } /*# sourceURL=woocommerce-inline-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=slick-css-inline-css */ .slick-related-wrapper { position: relative; padding: 30px 50px; max-width: 1200px; margin: 0 auto; } .product-slider .product-slide { padding: 10px; text-align: center; } .product-slide h3 { font-size: 14px; margin-top: 10px; text-transform: uppercase; } .product-slide img { background: #fff; border: 1px solid #ccc; padding: 4px; max-width: 100%; height: auto; } .slick-arrow-custom { position: absolute; top: 45%; transform: translateY(-50%); background: #444; color: #fff; border: none; font-size: 22px; padding: 10px; cursor: pointer; z-index: 99; } .slick-prev-custom { left: 0; } .slick-next-custom { right: 0; } body:not([class*=ncf_mobile]) .nks_cc_trigger_tabs.ncf_tab { top: 50% !important; } .ncf_mobile .nks_cc_trigger_tabs.ncf_tab { top: 100px !important; } .ncf_exposed #ncf-overlay { opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; } .ncf_exposed #ncf-overlay:hover { cursor: pointer; cursor: url("https://cdn-ileanna.nitrocdn.com/yofPeRZHESEZTldfkLloHbabrENaJXAR/assets/images/optimized/rev-b3fbdba/www.urbandoorscompany.com/wp-content/plugins/ninja-contact-form/img/close2.png") 16 16, pointer; } .ncf_color1, #ncf_sidebar .ncf_button:before { background-color: #2b93c0 !important; } #ncf_sidebar.ncf_aerial input[type=text], #ncf_sidebar.ncf_aerial input[type=email], #ncf_sidebar.ncf_aerial input[type=date], #ncf_sidebar.ncf_aerial input[type=tel], #ncf_sidebar.ncf_aerial textarea, .ncf_aerial .ncf_user_firstname, .ncf_aerial .ncf_user_lastname, #ncf_sidebar.ncf_aerial .ncf_user_bio, #ncf_sidebar.ncf_aerial .wpcf7, #ncf_sidebar.ncf_aerial .ncf_select_wrap select, #ncf_sidebar .ncf_select_wrap:before, #ncf_sidebar input[type=checkbox]:checked + label:before, #ncf_sidebar input[type=radio]:checked + label:before { color: #2b93c0 !important; } #ncf_sidebar.ncf_minimalistic .wpcf7 p, #ncf_sidebar.ncf_minimalistic .wpcf7-response-output { color: #2b93c0; } .ncf_minimalistic .ncf_form_res_message { color: #2b93c0 !important; } .ncf_minimalistic .ncf_sidebar_socialbar li a:hover { background-color: #2b93c0 !important; } .ncf_minimalistic input:focus, .ncf_minimalistic textarea:focus { color: #3f9ec8 !important; } #ncf_sidebar .ncf_err_msg, #ncf_sidebar .ncf_form_btn_wrapper .ncf_btn_close {} #ncf_sidebar.ncf_aerial .ncf_ph label { color: #2b93c0 !important; } #ncf_sidebar input[type=checkbox] + label:before, #ncf_sidebar input[type=radio] + label:before {} #ncf_sidebar.ncf_minimalistic input[type=submit], #ncf_sidebar.ncf_aerial input[type=submit] { background-color: #2b93c0; } #ncf_sidebar.ncf_aerial input[type=submit] { background-color: #2b93c0 !important; background-image: none !important; text-shadow: none; } #ncf_sidebar.ncf_aerial input[type=submit].nitro-lazy { background-image: none !important; } .ncf_color2 { background-color: #39a2cf !important; } .ncf_minimalistic .ncf_user_bio, .ncf_minimalistic .wpcf7 p { color: #39a2cf !important; } #ncf_sidebar.ncf_aerial .ncf_user_title { color: #39a2cf; } .ncf_minimalistic .ncf_user_title { color: #249acd !important; } .ncf_color3 { background-color: #249acd !important; } #ncf_sidebar.ncf_flat a.ncf_button, #ncf_sidebar.ncf_flat input[type=submit], #ncf_sidebar.ncf_minimalistic input[type=submit] { -webkit-box-shadow: 0 2px 0px 2px #249acd; -moz-box-shadow: 0 2px 0px 2px #249acd; box-shadow: 0 2px 0px 2px #249acd; } #ncf_sidebar.ncf_flat a.ncf_button:active, #ncf_sidebar.ncf_flat input[type=submit]:active, #ncf_sidebar.ncf_minimalistic input[type=submit]:active { -webkit-box-shadow: 0 1px 0px 2px #249acd; -moz-box-shadow: 0 1px 0px 2px #249acd; box-shadow: 0 1px 0px 2px #249acd; } .ncf_color4 { background-color: #3e9dd9 !important; } #ncf_sidebar.ncf_minimalistic input[type=text]:focus, #ncf_sidebar.ncf_minimalistic input[type=email]:focus, #ncf_sidebar.ncf_minimalistic input[type=date]:focus, #ncf_sidebar.ncf_minimalistic input[type=tel]:focus, #ncf_sidebar.ncf_minimalistic textarea:focus { border-color: #3f9ec8; box-shadow: inset 0px -4px 0px 0px #3e9dd9; } #ncf_sidebar .ncf_ph input:focus + label, #ncf_sidebar .ncf_has_value:not(.ncf_noselect) label, #ncf_sidebar .ncf_ph textarea:focus + label { color: #3f9ec8; } .ncf_color5 { background-color: #3f9ec8 !important; } #ncf_sidebar.ncf_minimalistic a.ncf_button, #ncf_sidebar.ncf_flat input[type=submit], #ncf_sidebar.ncf_minimalistic input[type=submit] { box-shadow: 0 2px 0px 2px #3f9ec8; } #ncf_sidebar.ncf_minimalistic a.ncf_button:active, #ncf_sidebar.ncf_flat input[type=submit]:active, #ncf_sidebar.ncf_minimalistic input[type=submit]:active { -webkit-box-shadow: 0 1px 0px 2px #3f9ec8; -moz-box-shadow: 0 1px 0px 2px #3f9ec8; box-shadow: 0 1px 0px 2px #3f9ec8; } .ncf_color6 { background-color: #1f8cbb !important; } .ncf_color7 { background-color: #3d96e9 !important; } .ncf_color8 { background-color: #3db5e9 !important; } #ncf_sidebar.ncf_flat input[type=text]:focus, #ncf_sidebar.ncf_flat input[type=email]:focus, #ncf_sidebar.ncf_flat input[type=date]:focus, #ncf_sidebar.ncf_flat input[type=tel]:focus, #ncf_sidebar.ncf_flat textarea:focus { border-color: #3db5e9; } #ncf_sidebar.ncf_flat input[type=submit] { background-color: #3db5e9; } #ncf_sidebar.ncf_flat .ncf_button:before { background-color: #3db5e9 !important; } .ncf_color9 { background-color: #04425d !important; } .ncf_flat .ncf_user_title { color: #04425d !important; } .ncf_imagebg_custom { background-image: url("") !important; } .ncf_imagebg_custom.nitro-lazy { background-image: none !important; } .nks_cc_trigger_tabs .ncf-tab-icon .fa:before { color: rgba(0, 0, 0, .7) !important; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon .fa-stack-2x { background-color: rgba(0, 0, 0, .7); } body.ncf_sidebar_push > * { position: relative; } .ncf_mobile .nks_cc_trigger_tabs .ncf-tab-icon:after { display: none !important; } .nks_cc_trigger_tabs .ncf-tab-icon:after { opacity: 0; visibility: hidden; content: "Contact Us"; background-color: rgba(0, 0, 0, .7); position: absolute; padding: 6px 14px; font-size: 14px; top: 50%; margin-top: -20px; left: 110%; font-family: inherit; line-height: 28px; white-space: nowrap; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #fff; -webkit-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -moz-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -ms-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -o-transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; transition: opacity .25s cubic-bezier(.645, .045, .355, 1), visibility 0s .25s; -webkit-backface-visibility: hidden; } body:not([class*=ncf_exposed]):not([class*=ncf_transitioning]) .nks_cc_trigger_tabs .ncf-tab-icon:hover:after { opacity: 1; visibility: visible; -webkit-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); -moz-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); -ms-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); -o-transition: opacity .25s cubic-bezier(.645, .045, .355, 1); transition: opacity .25s cubic-bezier(.645, .045, .355, 1); } .ncf_sidebar_pos_right .nks_cc_trigger_tabs .ncf-tab-icon:after { right: 110%; left: auto; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon:after { left: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .ncf_sidebar_pos_right .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon:after { right: 100%; left: auto; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon.fa-2x:after { padding: 10px 14px; margin-top: -24px; } .nks_cc_trigger_tabs.nks_metro .ncf-tab-icon.fa-3x:after { padding: 21px 14px; margin-top: -35px; } .ncf_exposed #ns-overlay { opacity: .3; } /* set up the keyframes */ @keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-moz-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-webkit-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-ms-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } @-o-keyframes bodyArrived { from { opacity: .99; } to { opacity: 1; } } body {} .single-product .entry-header { display: none !important; } .single-product .entry-header { display: none !important; } @media (min-width: 768px) { .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 45%; clear: none; } } .woocommerce div.product div.images img { display: block; width: 100%; /* height: auto; */ box-shadow: none; width: auto !important; height: 450px !important; } @media screen and (min-width: 732px) {} .product-slider .product-slide { padding: 27px; text-align: center; } .product-slide .slick-slide .slick-active.product-slide img { /* your styles here */ width: 142px !important; height: 185px !important; } img.attachment-medium.size-medium.wp-post-image { width: auto !important; height: 185px !important; display: block; margin: 0 auto; } .prodoss { text-align: center; padding: 19px 15px 28px 15px; background-color: #ebebeb; height: 185px; width: 185px; vertical-align: middle; margin-bottom: 12px; } .product-slider .product-slide { padding: 0px; text-align: center; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { margin-bottom: -200px !important; margin-top: 0px !important; } .related.products.jcarousel-container.jcarousel-container-horizontal..product .photo { text-align: center; padding: 15px 15px 15px 15px; background-color: #ebebeb; height: 185px; width: 185px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related { width: 100%; height: 387px !important; overflow: hidden; float: none; clear: both; margin: 0 auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products.jcarousel-container-horizontal .images { padding: 10px; border-radius: 8px; text-align: center; float: left; width: 44%; padding: 0px 0px; border: 0px solid #ddd; min-height: 202px; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { text-align: center; padding: 12px 14px 84px 15px; background-color: #ebebeb; height: 136px; width: 159px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products .images .photo img { width: 142px !important; height: 185px !important; object-fit: contain; } .jcarousel-clip { width: 940px; margin: 0 auto; overflow: visible !important; position: relative; } .jcarousel-prev, .jcarousel-next { z-index: 9999 !important; } .jcarousel-prev { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; pointer-events: auto; bottom: 168px !important; } .jcarousel-next { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; bottom: 168px !important; pointer-events: auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo.related { width: 100%; height: 350px; overflow: hidden; float: none; clear: both; margin: 0 auto; margin-bottom: -40px !important; } .related h2 { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 45px !important; } .related h2 { font-size: 20px !important; font-weight: bold !important; text-transform: uppercase !important; color: #272827 !important; padding-left: 56px !important; border-bottom: 0px solid #ddd !important; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { margin-bottom: -200px !important; margin-top: 0px !important; } .related.products.jcarousel-container.jcarousel-container-horizontal..product .photo { text-align: center; padding: 15px 15px 15px 15px; background-color: #ebebeb; height: 185px; width: 185px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related { width: 100%; height: 387px !important; overflow: hidden; float: none; clear: both; margin: 0 auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products.jcarousel-container-horizontal .images { padding: 10px; border-radius: 8px; text-align: center; float: left; width: 44%; padding: 0px 0px; border: 0px solid #ddd; min-height: 202px; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo { text-align: center; padding: 12px 14px 84px 15px; background-color: #ebebeb; height: 136px; width: 159px; vertical-align: middle; margin-bottom: 12px; } .related.products.jcarousel-container.jcarousel-container-horizontal.related.products .images .photo img { width: 142px !important; height: 185px !important; object-fit: contain; } .jcarousel-clip { width: 940px; margin: 0 auto; overflow: visible !important; position: relative; } .jcarousel-prev, .jcarousel-next { z-index: 9999 !important; } .jcarousel-prev { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; pointer-events: auto; bottom: 168px !important; } .jcarousel-next { width: 32px; height: 32px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9999 !important; background-size: 100% 100%; background-repeat: no-repeat; cursor: pointer; opacity: .9; bottom: 168px !important; pointer-events: auto; } .related.products.jcarousel-container.jcarousel-container-horizontal.product .photo.related { width: 100%; height: 350px; overflow: hidden; float: none; clear: both; margin: 0 auto; margin-bottom: -40px !important; } hr { margin-left: 50px !important; margin-right: 68px !important; } .related h2 { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 20px !important; } .related h2 { font-size: 20px !important; font-weight: bold !important; text-transform: uppercase !important; color: #272827 !important; } ul.products li.product-category img { width: 175px !important; height: 185px !important; object-fit: cover; } ul.products li.product img.wp-post-image { width: 175px !important; height: 185px !important; } .term-description { display: none; } ul.products.columns-50 { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 20px; } .products.columns-50::before { display: none !important; content: none !important; } .img.empty { display: none !important; } .product.empty { display: none !important; } .related.products { position: relative !important; } .jcarousel-prev, .jcarousel-next { position: absolute !important; top: -20 !important; /* Adjust as needed */ width: 30px !important; height: 30px; background-color: #ccc; /* Optional styling */ z-index: 10; cursor: pointer; } .jcarousel-prev { left: 10 !important; } .jcarousel-next { right: 10 !important; } .slick-related-wrapper { position: relative; padding: 15px 56px; max-width: 1202px; margin: 0 auto; } .related.products { /* position: relative !important; */ /* width: 105%; */ /* margin-right: 27px !important; */ margin-left: -52px; width: 111%; } /* .price_table { border-collapse: collapse; width: 100%; table-layout: fixed; } .price_table td { border-right: 1px solid #ddd; text-align: center; padding: 10.px 0; } .price_table td:last-child { border-right: none; } .price_table a { font-size: 14px; color: #999; text-decoration: none; display: block; width: 100%; height: 100%; } .price_table a:hover { color: #000; } .price_table { border-collapse: collapse; width: 100%; table-layout: fixed; } .price_table td { border: 1px solid #ccc; text-align: center; vertical-align: middle; height: 50px; padding: 0; } .price_table a { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; font-size: 14px; color: #999; text-decoration: none; } .price_table a:hover { color: #000; } .price_table a:empty { visibility: hidden; } */ @media (max-width: 767px) { .woocommerce .columns-50 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } } @media (max-width: 767px) { .product-category.product h3 { white-space: nowrap; text-overflow: ellipsis; font-size: 14px; } } @media (max-width: 767px) { .woocommerce ul.products li.product h3 { white-space: nowrap; text-overflow: ellipsis; font-size: 14px; /* optional, for better mobile scaling */ text-align: center; /* optional: center the title */ margin: 8px 0; } } @media (max-width: 767px) { .woocommerce ul.products li.product h3 { padding: .5em 4px; margin: 0; padding-left: 20px !important; font-size: 1em; } } @media (max-width: 767px) { .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images { width: 90% !important; } } @media (max-width: 767px) {} @media (max-width: 767px) { .slick-prev-custom { left: 58px; } .slick-arrow-custom { position: absolute; top: 47%; transform: translateY(-50%); background: #444; color: #fff; border: none; font-size: 13px; padding: 10px; cursor: pointer; z-index: 99; } } @media (max-width: 767px) { .product-slider .product-slide { padding: 0px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .slick-related-wrapper { position: relative; padding: 9px 75px; max-width: 1205px; margin: 0 auto; } } @media (max-width: 767px) { .ms-slide-bgcont { height: auto !important; width: 100% !important; } .ms-slide-bgcont img { width: 100% !important; height: auto !important; margin-top: 0 !important; margin-left: 0 !important; object-fit: cover; } .ms-slide-bgcont { width: 39% !important; } .ms-parent-id-3 > .master-slider { background: none; margin-bottom: -222px !important; } } .product .photo { background-color: #ebebeb; height: 160px !important; } .product { min-height: 270px !important; } ul.products li.product h3 { margin: 0; font-size: 13px !important; } @media screen and (min-width: 732px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 35px -40px 0 !important; width: 200px; } } .page-id-15932 .product .photo .img { cursor: default !important; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: auto !important; margin: 0 auto; box-shadow: none; width: 142px !important; } @media (max-width: 767px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin: 0px 0 -3em !important; } } .woocommerce ul.products li.product h3 { padding: 0; margin: 0; font-size: 1em; } .price_display { width: 60%; float: left; clear: left; min-width: 100px; color: #1a963d; } /* .extra_text { width: 40%; float: left; clear: right; display: none; } */ .new_text { display: none; color: #656565; font-size: 12px; } .price_table { clear: both; display: none; } .price_table td a { padding: 5px 7px; color: #b7b7b7 !important; font-weight: bold; white-space: nowrap; } .price_table td a:hover, .price_table td a:focus { color: #656565 !important; } .price_table tr:first-child td { background: url("https://www.urbandoorscompany.com/product/louver-white-oak/images/table-line.png") no-repeat right 14px; border-bottom: 1px solid #ddd; } .price_table tr:first-child td.nitro-lazy { background: none !important; } .price_table tr:last-child td { background: url("https://www.urbandoorscompany.com/product/louver-white-oak/images/table-line.png") no-repeat right -19px; } .price_table tr:last-child td.nitro-lazy { background: none !important; } .price_table tr td:first-child { border-left: 1px solid #ddd; } .price_table tr td:last-child { border-right: 1px solid #ddd; background: transparent; } .price_label { font-size: 14px; font-weight: bold; color: #1a963d; } .price_amount { font-size: 14px; color: #1a963d; font-weight: bold; padding-left: 10px; } .price_table td a { padding: 0px 0px !important; color: #b7b7b7 !important; font-weight: bold; white-space: nowrap; } tr { line-height: 10px; border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important; } .price_table td { padding: 6px 12px; text-align: center; border: 0px solid #ccc !important; } .price_table tr:first-child { /* Your styles here */ border-bottom: 1px solid #ccc; } @media screen and (min-width: 768px) { .price_table tr:first-child td { min-width: 36px !important; } } /* .extra_text { width: 40%; float: left !important; clear: left !important; display: none; } */ @media (max-width: 732px) { .single .price_table tr:first-child td { min-width: 17px !important; } } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { width: auto !important; margin: 0 auto; box-shadow: none; } .product .photo { text-align: center; padding: 15px 15px 15px 15px; background-color: #ebebeb; height: 185px !important; width: 185px; vertical-align: middle; margin-bottom: 12px; } @media screen and (min-width: 732px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 0 34px 41px 0; width: 200px; margin-bottom: -15px !important; } } @media (max-width: 767px) { .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { margin: 0px 0 -3em !important; margin-bottom: -25px !important; } } @media (min-width: 768px) { div.type-product .summary { float: left !important; width: 40% !important; min-width: 300px; margin-left: 10px; text-transform: none; color: #000; padding-left: 1%; padding-top: 2%; } @media (max-width: 732px) { .single .extra_text { text-align: left !important; font-size: 11px !important; float: none !important; margin-left: -2px !important; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 27px !important; } } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 44% !important; } .price_section { margin-top: 50px; position: static; width: 446px !important; } .slick-next-custom { right: 18px !important; } } @media (max-width: 767px) { .price_display { position: absolute; } } @media (max-width: 767px) { .single .extra_text { text-align: left !important; font-size: 11px !important; float: none !important; margin-left: -2px !important; margin-top: 0 !important; margin-bottom: -20px !important; line-height: 77px !important; } } @media (max-width: 767px) { .ms-slide-bgcont { width: 100vw !important; height: auto !important; overflow: hidden !important; } .ms-slide-bgcont img { width: 88vw !important; height: auto !important; max-width: none !important; margin: 0 !important; object-fit: cover !important; display: block; } /* Optional: remove inner padding/margin if any */ .ms-view, .ms-container, .ms-slide-container { padding: 0 !important; margin: 0 !important; width: 100vw !important; } } .slick-arrow.slick-hidden { display: revert; } @media (min-width: 1024px) { .woocommerce div.product div.images img { display: block; width: 90%; height: auto; box-shadow: none; } } .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { display: none; } @media (max-width: 768px) { .responsiveSelectContainer { border: none !important; background: none !important; box-shadow: none !important; height: auto !important; max-height: none !important; visibility: visible !important; } .responsiveSelectContainer ul, ul.responsiveSelectFullMenu, #megaMenu ul.megaMenu.responsiveSelectFullMenu { display: none !important; } .responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect { display: inline-block; width: 100%; } } #tagsbody { display: none; } ul.nav-menu > .menu-item-has-children > a::after { content: ""; padding-left: 3px; } .price_table td { padding: 6px 12px; text-align: center; border: 1px solid #ccc; }