Community Forums › Forums › Archived Forums › General Discussion › Secondary sidebar below primary sidebar
- This topic has 6 replies, 2 voices, and was last updated 9 years, 8 months ago by Brad Dalton.
-
AuthorPosts
-
August 5, 2014 at 9:47 pm #117254jenglish647Member
If there's anyone that can look at this css code and help me figure out why my secondary sidebar keeps going below the primary I would greatly appreciate it. I've spent several hours trying to figure it out and I can't to save my life. Here's the css code:
/* Table of Contents 01 Import Fonts 02 Defaults 03 Typography - Font Color - Font Family - Font Size - Font Miscellaneous 04 Layout - Structure - 1152px CSS Grid - Header - Main Content - Post Info & Meta - Column Classes - Miscellaneous 05 Menus - Primary Navigation Extras 06 Headings 07 Lists 08 Post Navigation 09 Comments 10 Sidebars 11 Footer - Footer Widgets 12 Forms & Buttons - Gravity Forms 13 Images & Captions 14 Media Queries - max-width: 1024px - max-width: 768px - max-width: 480px */ /* 01 Import Fonts ---------------------------------------------------------------------------------------------------- */ @import url(http://fonts.googleapis.com/css?family=Lato:400,700); @import url(http://fonts.googleapis.com/css?family=Old+Standard+TT); /* 02 Defaults ---------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, input, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; margin: 0; padding: 0; vertical-align: baseline; } html { font-size: 100%; /* 16px browser default */ } body { background-color: #fff; line-height: 1; } body, input, select, textarea, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:visited, button, input[type="button"], input[type="submit"], .btn { -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #1e1e1e; color: #fff; } ::selection { background-color: #1e1e1e; color: #fff; } a img { border: none; } /* 03 Typography ------------------------------------------------------------------------------------------------------- This section covers font colors, families, size, styles and weight. This style sheet uses rem values with a pixel fallback. The rem values are calculated per the examples below: 12 / 16 = 0.75rem 14 / 16 = 0.875rem 16 / 16 = 1rem 18 / 16 = 1.125rem 20 / 16 = 1.25rem 24 / 16 = 1.5rem 30 / 16 = 1.875rem 36 / 16 = 2.25rem 42 / 16 = 2.625rem 48 / 16 = 3rem Further reading on the use and compatibility of rems: http://caniuse.com/rem http://snook.ca/archives/html_and_css/font-size-with-rem */ /* 03a - Font Color ----------- */ a:hover, body, h2 a, h2 a:visited, h4.widgettitle a, input, .author, .entry-time, .genesis-nav-menu a, .genesis-nav-menu li li a, .genesis-nav-menu li li a:link, .genesis-nav-menu li li a:visited, .entry-comments-link, .site-title a, .site-title a:hover { color: #1e1e1e; } a, h2 a:hover { color: #8debf2;} .genesis-nav-menu li a:hover, .genesis-nav-menu li:hover a, .genesis-nav-menu li li a:hover, .genesis-nav-menu .current-menu-item a { color:white; } .entry-header .entry-meta, .entry-footer .entry-meta, .site-description { color: #636363; } blockquote::before, blockquote p, input, select, textarea { color: #999; } button, input[type="button"], input[type="submit"], .btn, .genesis-nav-menu .highlight-menu-item a, .genesis-nav-menu .highlight-menu-item a:hover, .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { color: #fff; } /* 03b - Font Family ----------- */ body, input, textarea, .author-box h1 { font-family: Arial; } h1 {font-family: Arial;} h2, h3, h4, h5, h6, .entry-title a, .site-title { font-family: Arial; } /* 03c - Font Size ----------- */ .site-title { font-size: 42px; font-size: 2.625rem; } h1, .entry-title, .entry-title a { font-size: 36px; font-size: 2.25rem; } blockquote::before { font-size: 32px; font-size: 2rem; } h2 { font-size: 30px; font-size: 1.875rem; } h3 { font-size: 24px; font-size: 1.5rem; } h4, .archive-title, .taxonomy-description h1, .widgettitle { font-size: 20px; font-size: 1.25rem; } h5 { font-size: 18px; font-size: 1.125rem; } h6, .author-box h1, .sidebar h2 a { font-size: 16px; font-size: 1rem; } input, select, textarea, .genesis-nav-menu, .entry-header .entry-meta, .entry-footer .entry-meta, .wp-caption, .site-footer p { font-size: 14px; font-size: 0.875rem; } /* 03d - Font Miscellaneous ----------- */ blockquote p { font-style: italic; } cite { font-style: normal; } button, input[type="button"], input[type="submit"], h1, h2, h3, h4, h5, h6, .btn, .entry-title a, .genesis-nav-menu, .entry-comments-link, .entry-header .entry-meta .author, .entry-header .entry-meta .entry-time, .wp-caption, .site-footer p, .site-title { font-weight: normal; } .wp-caption { text-align: center; } h2 a, h2 a:visited, .genesis-nav-menu a, .pagination li a, .widgettitle a, .site-title a { text-decoration: none; } /* 04 Layout ---------------------------------------------------------------------------------------------------- */ /* 04a - Structure ----------- */ .site-container { background: none repeat scroll 0 0 #fff; border-radius: 5px; box-shadow: 0 0 15px #000; margin: 0 auto; max-width: 1140px; } .site-inner { margin: 0 auto; max-width: 1140px; } .wrap { margin: 0 auto; max-width: 1140px; } /* 04b - 1152px CSS Grid ----------- */ .sidebar-secondary { width: 15.277777777%; /* 176px / 1152px */ } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar, .site-header .widget-area { width: 30.555555555%; /* 352px / 1152px */ } .content-sidebar-sidebar .sidebar, .sidebar-content-sidebar .sidebar, .sidebar-sidebar-content .sidebar { width: 37.931034482%; /* 352px / 928px */ } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 56.896551724%; /* 528px / 928px */ } .content-sidebar .content, .sidebar-content .content, .title-area { width: 65.277777777%; /* 752px / 1152px */ } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 80.555555555%; /* 928px / 1152px */ } .content-sidebar .content-sidebar-wrap, .full-width-content .content, .full-width-content .content-sidebar-wrap, .sidebar-content .content-sidebar-wrap { width: 100%; /* 1152px / 1152px */ } .footer-widgets-1, .footer-widgets-2, .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary, .content, .content-sidebar-wrap, .site-footer .gototop, .sidebar-secondary, .title-area { float: left; } .content-sidebar-sidebar .sidebar-secondary, .footer-widgets-3, .sidebar, .sidebar-content .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-footer .creds, .site-header .widget-area { float: right; } /* 04c - Header ----------- */ .site-header { min-height: 120px; overflow: hidden; padding-bottom: 5px; border-top: 30px solid #314a8a; } .site-title { line-height: 1; margin: 40px 0 8px; margin: 2.5rem 0 0.5rem; } .header-image .site-title { margin: 0; } .site-description { line-height: 1.25; } .header-full-width .site-title, .header-full-width .site-title a, .header-full-width .title-area { width: 100%; } .header-image .site-title, .header-image .site-title a, .header-image .title-area { display: block; float: left; min-height: 120px; overflow: hidden; text-indent: -9999px; width: 50%; } .header-image .site-description { display: block; overflow: hidden; } /* 04d - Main Content ----------- */ .content { padding-bottom: 40px; padding-bottom: 2.5rem; } .entry, .page .post.entry { margin-bottom: 80px; margin-bottom: 5rem; } .single .entry { margin-bottom: 48px; margin-bottom: 3rem; } .page .entry { margin: 0; } .entry-content { overflow: hidden; } .entry-content, .entry-content p { line-height: 1.625; } .entry-content p { margin-bottom: 26px; margin-bottom: 1.625rem; } blockquote { padding: 24px 64px; padding: 1.5rem 4rem; } blockquote::before { content: "“"; display: block; height: 0; left: -20px; position: relative; top: -10px; } /* 04e - Post Info & Meta ----------- */ .entry-header .entry-meta, .entry-footer .entry-meta { clear: both; line-height: 1.5; } .entry-header .entry-meta { margin-bottom: 24px; margin-bottom: 1.5rem; } .entry-comments-link { background: url(images/post-comments.png) no-repeat center left; margin-left: 16px; margin-left: 1rem; padding-left: 20px; padding-left: 1.25rem; } .entry-footer .entry-meta { border-top: 1px solid #ccc; padding-top: 24px; padding-top: 1.5rem; } .entry-categories, .entry-tags { display: block; } /* 04f - Column Classes ----------- */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 4.166666666%; /* 48px / 1152px */ } .one-half, .three-sixths, .two-fourths { width: 47.9166666666%; /* 552px / 1152px */ } .one-third, .two-sixths { width: 30.555555555%; /* 352px / 1152px */ } .four-sixths, .two-thirds { width: 65.277777777%; /* 752px / 1152px */ } .one-fourth { width: 21.875%; /* 252px / 1152px */ } .three-fourths { width: 73.958333333%; /* 852px / 1152px */ } .one-fifth { width: 16.666666666%; /* 192px / 1152px */ } .two-fifths { width: 37.5%; /* 432px / 1152px */ } .three-fifths { width: 58.333333333%; /* 672px / 1152px */ } .four-fifths { width: 79.166666666%; /* 912px / 1152px */ } .one-sixth { width: 13.194444444%; /* 152px / 1152px */ } .five-sixths { width: 82.638888888%; /* 952px / 1152px */ } .first { margin-left: 0; } /* 04g - Miscellaneous ----------- */ p.subscribe-to-comments { padding: 24px 0 16px; padding: 1.5rem 0 1rem; } p.pages, .clear, .clear-line, .first { clear: both; } .clear-line { border-bottom: 1px solid #ccc; margin-bottom: 26px; margin-bottom: 1.625rem; } .alignleft, .archive-page { float: left; } .alignright { float: right; } .archive-page { width: 50%; } .author-box, .sticky { margin-bottom: 80px; margin-bottom: 5rem; } .author-box, .author-box h1, .taxonomy-description { line-height: 1.5; } .author-box, .breadcrumb, .sticky, .taxonomy-description { background-color: #f5f5f5; margin-bottom: 48px; margin-bottom: 3rem; overflow: hidden; padding: 32px; padding: 2rem; } /* 05 Menus ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; float: none; font-family: Old Standard TT; letter-spacing: 0.2rem; font-variant: small-caps; margin: 0 0 2rem; padding: 0; text-align: center; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 2px 2px 3px #666666; -webkit-box-shadow: 2px 2px 3px #666666; -moz-box-shadow: 2px 2px 3px #666666; background: #8B8B8B; background: linear-gradient(top, #314A8A, #4061B5); background: -ms-linear-gradient(top, #314A8A, #4061B5); background: -webkit-gradient(linear, left top, left bottom, from(#314A8A), to(#4061B5)); background: -moz-linear-gradient(top, #314A8A, #4061B5); border: solid 1px #6D6D6D; } .genesis-nav-menu .menu-item { display: inline-block; margin: 0; padding: 0; text-align: left; } .genesis-nav-menu a { border: medium none; color: white; display: block; font-size: 1.2rem; padding: 1rem 2.2rem; position: relative; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: white; } .genesis-nav-menu .sub-menu .current-menu-item > a { color: #666; } .genesis-nav-menu .sub-menu { left: -9999px; margin: 0; opacity: 0; padding: 0; position: absolute; transition: opacity 0.4s ease-in-out 0s; width: 200px; word-wrap: break-word; z-index: 99; } .genesis-nav-menu .sub-menu a {font-family: Arial; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #fff; border-color: -moz-use-text-color #dfdacc #dfdacc; border-image: none; border-right: 1px solid #dfdacc; border-style: none solid solid; border-width: medium 1px 1px; font-size: 1rem; padding: 1.2rem 2rem; position: relative; font-variant: small-caps; width: 150px; } .genesis-nav-menu .sub-menu a:hover { background: none repeat scroll 0 0 #e72929; } .genesis-nav-menu .sub-menu .sub-menu { margin: -43px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } #wpadminbar li:hover ul ul { left: 0; } /* 05a - Primary Navigation Extras ----------- */ .genesis-nav-menu li.right { float: right; padding: 24px 20px; padding: 1.5rem 1.25rem; } .genesis-nav-menu li.right a { display: inline; padding: 0; } .genesis-nav-menu li.search { padding: 6px 0 0; padding: 0.375rem 0 0; } .genesis-nav-menu li.rss a { background: url(images/rss.png) no-repeat center left; margin-left: 20px; margin-left: 1.25rem; padding-left: 20px; padding-left: 1.25rem; } .genesis-nav-menu li.twitter a { background: url(images/twitter-nav.png) no-repeat center left; padding-left: 24px; padding-left: 1.5rem; } /* 06 Headings ---------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .entry-title a { line-height: 1.2; margin-bottom: 16px; margin-bottom: 1rem; font-famiy: Arial; } .author-box h1 { margin: 0 } .taxonomy-description h1 { margin-bottom: 4px; margin-bottom: 0.25rem; } .archive-title { margin-bottom: 24px; margin-bottom: 1.5rem; } /* 07 Lists ---------------------------------------------------------------------------------------------------- */ .entry-content ol, .entry-content ul { margin-bottom: 26px; margin-bottom: 1.625rem; } .entry-content ol li, .entry-content ul li { line-height: 1.625; } .entry-content ol li, .entry-content ul li { margin-left: 40px; margin-left: 2.5rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-type: disc; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } /* 08 Post Navigation ---------------------------------------------------------------------------------------------------- */ .pagination li { display: inline; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { background-color: #1e1e1e; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .pagination li a:hover, .pagination li.active a { background-color: #ff2a00; } /* 09 Comments ---------------------------------------------------------------------------------------------------- */ .entry-comments, #respond { line-height: 1.5; overflow: hidden; } .ping-list, .entry-comments { margin-bottom: 48px; margin-bottom: 3rem; } #author, #email, #url { width: 50%; } .comment-meta, #author, #email, #url { margin-bottom: 12px; margin-bottom: 0.75rem; } #comment { margin: 12px 0; margin: 0.75rem 0; } label { margin-left: 12px; margin-left: 0.75rem; } .comment-list li, .ping-list li { list-style-type: none; margin-top: 24px; margin-top: 1.5rem; padding: 32px; padding: 2rem; } .comment-list li ul li { margin-right: -32px; margin-right: -2rem; } .comment-header { overflow: hidden; } .comment { background-color: #f5f5f5; border: 2px solid #fff; border-right: none; } .comment-content p { margin-bottom: 24px; margin-bottom: 1.5rem; } .bypostauthor { } .entry-comments .pagination { margin-top: 32px; margin-top: 2rem; } /* 10 Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { display: inline; line-height: 1.5; } .sidebar p { margin-bottom: 16px; margin-bottom: 1rem; } .sidebar .widget { margin-bottom: 32px; margin-bottom: 2rem; padding-bottom: 32px; padding-bottom: 2rem; overflow: hidden; } .sidebar.widget-area ul li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.375rem; word-wrap: break-word; } /* 11 Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { clear: both; } .site-footer .wrap {background-color: #314a8a; color: white; text-align: center; overflow: hidden; padding: 48px 0; padding: 3rem 0; } .site-footer .creds { text-align: right; } .site-footer .creds, .site-footer .gototop { margin: 8px 0; margin: 0.5rem 0; } /* 11a - Footer Widgets ----------- */ .footer-widgets { border-top: 2px solid #1e1e1e; clear: both; line-height: 1.5; overflow: hidden; padding: 10px; } .footer-widgets p { margin-bottom: 16px; margin-bottom: 1rem; } .footer-widgets .widget { margin-bottom: 24px; margin-bottom: 1.5rem; } .footer-widgets .widget-area ul li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.375rem; word-wrap: break-word; } .footer-widgets-1 { margin-right: 4.166666666%; /* 48px / 1152px */ } /* 12 Forms & Buttons ---------------------------------------------------------------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 0 5px #ddd inset; padding: 16px; padding: 1rem; width: 100%; } .site-header .search-form { float: right; margin-top: 56px; margin-top: 3.5rem; width: 100%; } button, input[type="button"], input[type="submit"], .btn { background-color: #1e1e1e; border: none; box-shadow: none; cursor: pointer; padding: 16px 24px; padding: 1rem 1.5rem; width: auto; } button:hover, input:hover[type="button"], input:hover[type="submit"], .btn:hover { background-color: #ff2a00; } .enews input[type="submit"], .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* 12a - Gravity Forms ----------- */ .content div.gform_wrapper input, .content div.gform_wrapper select, .content div.gform_wrapper textarea, .content div.gform_wrapper .ginput_complex label { font-size: 16px; font-size: 1rem; padding: 16px; padding: 1rem; } .content div.gform_wrapper input[type="submit"] { padding: 16px 24px; padding: 1rem 1.5rem; } .content div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; margin: 1rem 0 0; } /* 13 Images & Captions ---------------------------------------------------------------------------------------------------- */ embed, img, object, video { max-width: 100%; } img { height: auto; } .alignleft .avatar { margin-right: 24px; margin-right: 1.5rem; } .alignright .avatar { margin-left: 24px; margin-left: 1.5rem; } .author-box .avatar { float: left; margin-right: 24px; margin-right: 1.5rem } .comment-list li .avatar { float: left; margin: 0 16px 24px 0; margin: 0 1rem 1.5rem 0; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 1.5rem } img.alignnone { display: inline; margin-bottom: 12px; margin-bottom: 0.75rem; } img.alignleft, .post-image, .wp-caption.alignleft { display: inline; margin: 0 24px 24px 0; margin: 0 1.5rem 1.5rem 0; } img.alignright, .wp-caption.alignright { display: inline; margin: 0 0 24px 24px; margin: 0 0 1.5rem 1.5rem; } p.wp-caption-text { line-height: 1.2; margin-top: 12px; margin-top: 0.75rem; } .gallery-caption { } /* 14 Media Queries ---------------------------------------------------------------------------------------------------- */ /* Desktops, laptops and iPads (landscape) ----------- */ @media only screen and (max-width: 1024px) { .site-container { max-width: 960px; } } /* iPads (portrait) ----------- */ @media only screen and (max-width: 768px) { .site-container { padding: 0 5%; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .wrap, .site-footer .creds, .site-footer .gototop, .site-header .widget-area, .site-inner, .title-area, .site-container .sidebar, .site-container .content, .site-container .content-sidebar-wrap, .site-container .sidebar-secondary { width: 100%; } .genesis-nav-menu li, .site-footer .creds, .site-footer .gototop, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-footer .creds, .site-footer .gototop, .site-header .search-form, .site-title, .title-area { text-align: center; } .genesis-nav-menu a { padding: 20px 16px; padding: 1.25rem 1rem; } .site-title { margin: 16px 0; margin: 1rem 0; } .site-header .search-form { margin: 32px auto 0; margin: 2rem auto 0; width: 50%; } .genesis-nav-menu li.right { display: none; } .site-footer .wrap { padding: 24px 0; padding: 1.5rem 0; } .footer-widgets-1, .site-header .genesis-nav-menu { margin: 0; } } /* iPhones (portrait and landscape) ----------- */ @media only screen and (max-width: 480px) { html { font-size: 87.5%; /* 14px base */ } .site-header .search-form { width: 100%; } .archive-page, .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } } .header-widgets { background-color: #fff; float: left; padding: 10px 0px 0; width: 33.33333333333%; } @media only screen and (max-width: 767px) { .header-widgets { float: none; padding: 0 1.8%; width: 100%; } }
August 5, 2014 at 9:50 pm #117255Brad DaltonParticipantLink to your site please.
Provide a screen shot or link to a screenshot which shows your problem.
Examples:
<div
div>
/div>
</divYou may find a un-closed HTML tag is causing problems or other invalid markup which you can run through the W3 validator
August 7, 2014 at 9:09 am #117578jenglish647MemberI am unable to provide a link as it's being built but I can provide a screenshot here: https://drive.google.com/file/d/0Bx8uD8KzdIoXUEVQMU5oUWoxM00/edit?usp=sharing
I ran code through the validator. It's not a div problem I don't think. It does this on every page where there are two sidebars activated. That's why I was thinking it had to do with the css. Could it be a problem in the functions? Thanks in advance for any help!
August 7, 2014 at 8:05 pm #117689Brad DaltonParticipantAugust 8, 2014 at 11:26 am #117796jenglish647Memberok. I understand. Do you have an article on your blog about building a theme from the framework. I guess it needs to be html5 and responsive and the posts I'm pulling up on the web are so vague and I feel like I'm not doing things right. If you make a theme from scratch is it best practice to use the genesis sample child theme every time?
August 8, 2014 at 11:48 am #117799jenglish647MemberIf I shouldn't be asking here then I'm sorry and you don't have to answer if you don't want to but IF I just start over and use the genesis sample child theme - how can I make it in a container like the screenshot I did before WITHOUT messing it all up? I tried to replace
/* Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 1140px; } .site-inner { clear: both; padding-top: 40px; padding-top: 4rem; }
with
.site-container { background: none repeat scroll 0 0 #fff; border-radius: 5px; box-shadow: 0 0 15px #000; margin: 0 auto; max-width: 1140px; } .site-inner { margin: 0 auto; max-width: 1140px; } .wrap { margin: 0 auto; max-width: 1140px; }
But I don't think that is right....
August 8, 2014 at 10:13 pm #117869Brad DaltonParticipantI would start with the genesis sample child theme unless you have experience with genesis already.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.