child theme online marketer
-
Hello,
I have also a problem with making a child for this theme…
When i activate the site, it’s been displayed very odd. Also, there ‘s no option to change header image when activating.
Here ‘s a link to the website
and here’s the content of the style.css
What’s wrong? I can’t figure it out…/* Online Marketer Child Theme URI: https://wpthemes.co.nz/online-marketer/ Description: Child theme for the Online Marketer theme Author URI: https://wpthemes.co.nz/ Template: online-marketer Version: 1.8.6 */ @import url(library/css/default.css); @import url(https://fonts.googleapis.com/css?family=Francois+One); @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); /****************************************************************** GENERAL LAYOUT STYLES ******************************************************************/ body { background:#001627; font-family:Arial, Helvetica, sans-serif; } #container, .wrap { width: 100%; margin: 30px auto; padding: 0; max-width: 1060px; /* remove or edit to adjust width */ min-width: 1060px; /* remove or edit to adjust width */ background:#043156; background-image:url(library/images/bg-page.jpg); background-repeat:no-repeat; background-position:center top; } /* layout options ( all have margins right & left of 1%) */ .col60 { width: 6.333%; } /* width 60px / grid_1 */ .col140 { width: 14.667%; } /* width 140px / grid_2 */ .col220 { width: 23.0%; } /* width 220px / grid_3 */ .col300 { width: 31.333%; } /* width 300px / grid_4 */ .col380 { width: 39.667%; } /* width 380px / grid_5 */ .col480 { width: 48.0%; } /* width 480px / grid_6 */ .col540 { width: 56.333%; } /* width 540px / grid_7 */ .col620 { width: 64.667%; } /* width 620px / grid_8 */ .col700 { width: 73.0%; } /* width 700px / grid_9 */ .col780 { width: 81.333%; } /* width 780px / grid_10 */ .col860 { width: 89.667%; } /* width 860px / grid_11 */ .col940 { width: 98.0%; } /* width 940px / grid_12 */ /* layout & column defaults */ .col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { display: inline; float: left; margin-left: 1%; margin-right: 1%; position: relative; } /* default styles & fixes */ #main { margin-left: 0; } /* fixes alignment (defaulted at col620) */ #sidebar1 { margin-right: 0; } /* fixes alignment (defaulted at col300) */ /****************************************************************** LINK STYLES ******************************************************************/ a, a:visited { color:#ffd21f; } a:hover, a:link {} a:active {} /* on click */ a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ } /****************************************************************** TEXT SELECTION STYLES ******************************************************************/ /* Safari, Chrome, iPhones, iPads */ ::-webkit-selection { background: #6fc2f6; color:#fff; text-shadow : none; } /* Firefox */ ::-moz-selection { background: #6fc2f6; color:#fff; text-shadow : none; } /* The Rest of em */ ::selection { background: #6fc2f6; color:#fff; text-shadow : none; } /****************************************************************** WORDPRESS BODY CLASSES want to style a page via body class? go ahead ******************************************************************/ body.rtl {} body.home {} /* home page */ body.blog {} body.archive {} /* archive page */ body.date {} /* date archive page */ body.date-paged-1 {} /* replace the number to the corresponding page number */ body.search {} /* search page */ body.search-results {} /* search result page */ body.search-no-results {} /* no results search page */ body.search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */ body.error404 {} /* 404 page */ body.single {} /* single post page */ body.postid-1 {} /* individual post page by id (i.e. body.postid-73) */ body.single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */ body.attachment {} /* attatchment page */ body.attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */ body.attachment-mime-type {} /* style mime type pages body.author {} /* author page */ body.author-nicename {} /* user nicename (i.e. body.author-samueladams) */ body.author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */ body.category {} /* category page */ body.category-1 {} /* individual category page (i.e. body.category-6) */ body.category-paged-1 {} /* replace the number to the corresponding page number */ body.tag {} /* tag page */ body.tag-slug {} /* individual tag page (i.e. body.tag-news) */ body.tag-paged-1 {} /* replace the number to the corresponding page number */ body.page-template {} /* custom page template page */ body.page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */ body.page-paged-1 {} /* replace the number to the corresponding page number */ body.page-parent {} body.page-child {} body.parent-pageid-1 {} /* replace the number to the corresponding page number */ body.logged-in {} /* if user is logged in */ body.paged {} /* paged items like search results or archives */ body.paged-1 {} /* individual paged (i.e. body.paged-3) */ /* new browser classes */ body.browser-lynx {} /* lynx browsers */ body.browser-gecko {} /* firefox browsers */ body.browser-opera {} /* opera browsers */ body.browser-ns4 {} /* ns4 browsers */ body.browser-safari {} /* safari browsers */ body.browser-chrome {} /* chrome browsers */ body.browser-ie {} /* ie browsers ( aka dinosaurs) */ body.browser-iphone {} /* iphones (expirimental, best to use Media Queries) */ /****************************************************************** HEADLINES & TITLES ******************************************************************/ h1, .h1 { font-family: 'Open Sans Condensed', sans-serif; } h2, .h2 { font-family: 'Open Sans Condensed', sans-serif; } h3, .h3 {} h4, .h4 { font-family: 'Open Sans Condensed', sans-serif; } h5, .h5 { font-family: 'Open Sans Condensed', sans-serif; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { font-family: 'Open Sans Condensed', sans-serif; } .format-heading { text-transform:uppercase; font-weight:normal; } /****************************************************************** HEADER SYTLES ******************************************************************/ header[role=banner] { } #inner-header { position:relative; padding:0; } #top-header { background-image:url(library/images/bg-header.png); padding:5px 4%; } #site-title { color:#fff; font-family: 'Francois One', sans-serif; text-shadow: 2px 2px 5px #000; margin:0; margin-right:250px; font-size:2.5em; line-height: 1.333em; } #site-title a { color:#fff; font-family: 'Francois One', sans-serif; text-decoration: none; } #site-description { text-transform:uppercase; font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size:15px; color:#ffd21f; text-shadow: 1px 1px 2px #000; margin-bottom:10px; } #inner-header #searchform { position:absolute; top:25px; right:4%; } #inner-header #searchform label { display:none; } #inner-header #searchform #s { float:left; background:#dedede; width: 170px; padding:7px; padding-bottom:6px; padding-left:10px; border:1px solid #fff; border-radius:3px; border-top-right-radius:0; border-bottom-right-radius:0; box-shadow:0 0 3px #aaa inset; } #inner-header #searchform #s:focus { background:#f9f9f9; } #inner-header #searchform #searchsubmit { display:block; float:left; background:#ffd21f url(library/images/magnify.png) no-repeat center center; height:32px; width:40px; border:0; text-indent:-9999px; outline:0; cursor:pointer; border-top:1px solid #fff; border-bottom:1px solid #d09907; border-right:1px solid #9c7914; border-top-right-radius:3px; border-bottom-right-radius:3px; } #headerimg { margin:0 4%; padding:2em 0 1.5em 0; background:url(library/images/separator.png) repeat-x; } /****************************************************************** NAVIGATION STYLES (Main Navigation) ******************************************************************/ nav[role=navigation] {} .menu { margin:0; } div.menu { margin:0 4%; } .navbreak { height:2px; overflow:hidden; clear:both; } nav[role=navigation] .menu ul li {} nav[role=navigation] .menu ul li a { color:#fff; text-transform:uppercase; font-family: 'Francois One', sans-serif; font-size:16px; font-weight:normal; line-height:50px; padding: 0 0.8em; text-shadow: 1px 1px 2px #043156; letter-spacing:-1px; } nav[role=navigation] .menu #menu-icon { cursor: pointer; display: none; } nav[role=navigation] .menu ul li a:hover { background:none; color:#ffd21f; } nav[role=navigation] .menu ul li:first-child a {} nav[role=navigation] .menu ul li.current-menu-item a, .nav ul li.current_page_item a { background:none; color:#ffd21f; } nav[role=navigation] .menu ul li ul.sub-menu, nav[role=navigation] .menu ul li ul.children { background:#266190; box-shadow:2px 2px 2px #000; } nav[role=navigation] .menu ul li ul.sub-menu a, nav[role=navigation] .menu ul li ul.children a { font-size:15px; font-weight:normal; line-height: 40px; } nav[role=navigation] .menu ul li ul li a {} nav[role=navigation] .menu ul li ul li a:hover {} nav[role=navigation] .menu ul li ul li:last-child a {} nav[role=navigation] .menu ul li:hover ul { } nav[role=navigation] .menu ul li ul li ul.sub-menu, nav[role=navigation] .menu ul li ul li ul.children { margin-top:-40px; } nav[role=navigation] .menu ul li ul li:hover ul.sub-menu, nav[role=navigation] .menu ul li ul li:hover ul.children { } nav[role=navigation] .menu ul.sub-menu li.current-menu-item a, .nav ul.sub-menu li.current_page_item a, nav[role=navigation] .menu ul.sub-menu li.current_page_item a, nav[role=navigation] .menu ul li.current-page-parent ul.sub-menu li a, nav[role=navigation] .menu ul li.current-menu-item ul.sub-menu li a, nav[role=navigation] .menu ul li.current_page_parent ul.children li a, nav[role=navigation] .menu ul li.current_page_item ul.children li a, .nav ul li.current_page_item ul.sub-menu li a, nav[role=navigation] .menu ul li.current_page_item ul.sub-menu li a { color: #fff; } /****************************************************************** POSTS & CONTENT STYLES ******************************************************************/ #content { margin:0 4% 2em 4%; background:url(library/images/separator.png) repeat-x; padding-top:2em;} #content .page-header { background:url(library/images/separator.png) repeat-x left bottom; padding-bottom:1.2em; margin-top:-15px; margin-bottom:20px; width:100%; line-height:normal; } #content header .entry-title, #content header .page-title { font-family: 'Open Sans Condensed', sans-serif; /*color:#ffd21f;*/ color:#fff; text-shadow: 1px 1px 2px #000; } #main { } article[id*=post-] { background:url(library/images/separator.png) repeat-x left bottom transparent; color:#fff; } body.home article[id*=post-] .entry-title, body.archive article[id*=post-] .entry-title, body.search article[id*=post-] .entry-title { text-transform:uppercase; font-size: 2.5em; line-height: 1.1em; margin-bottom: 5px; } /* want to style individual post classes? Booya! */ .post-id {} /* post by id (i.e. post-3) */ .post {} /* general post style */ .page {} /* general article on a page style */ .attachment {} /* general style on an attatchment */ .sticky {} /* sticky post style */ .hentry {} /* hentry class */ .category-slug {} /* style by category (i.e. category-videos) */ .tag-slug {} /* style by tag (i.e. tag-news) */ /* post meta */ .meta {margin:0 0 1.5em 0} .page-header .meta { margin-bottom:0 } .meta time {} /* post content */ .post_content { overflow:hidden } .post_content p {margin:0 0 1.5em 0} .post_content p:last-child { margin-bottom:0 } .post_content h1, .post_content h2, .post_content h3, .post_content h4 {margin:0 0 1.5em 0} .post_content ul, .post_content ol, .post_content table, .post_content dl {} .post_content ul, .post_content ol {} .post_content li {} .post_content ul li {} .post_content ol li {} .post_content blockquote {} .post_content blockquote:before {} /* this adds the quote before the blockquote */ .post_content dl {} .post_content dt {} .post_content dd {} .post_content img {} .post_content video {} .post_content object {} .wp-caption {} .wp-caption img {} .wp-caption p.wp-caption-text {} /* image gallery styles */ .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} article[id*=post-] footer { padding-bottom:1em } /****************************************************************** POST FORMAT STYLES ******************************************************************/ /* Aside Posts */ .format-aside .entry-header { display: none; } .single .format-aside .entry-header { display: block; } .format-aside .entry-content, .format-aside .entry-summary { padding-top: 1em; } .single .format-aside .entry-content, .single .format-aside .entry-summary { padding-top: 0; } /* Image Posts */ .format-image .entry-header { display: none; } .single .format-image .entry-header { display: block; } .format-image .entry-content, .format-image .entry-summary { padding-top: 1em; } .single .format-image .entry-content, .single .format-image .entry-summary { padding-top: 0; } /****************************************************************** PAGE NAVI STYLES (Special Feature) ******************************************************************/ /* page navigation */ .page-navigation {} .onlinemarketer_page_navi {} .onlinemarketer_page_navi li.bpn-prev-link {} /* previous link */ .onlinemarketer_page_navi li.bpn-prev-link a {} .onlinemarketer_page_navi li.bpn-prev-link a:hover {} .onlinemarketer_page_navi li {} /* regular links */ .onlinemarketer_page_navi li a {} .onlinemarketer_page_navi li a:hover {} .onlinemarketer_page_navi li.bpn-current {} /* current page link */ .onlinemarketer_page_navi li.bpn-current:hover {} .onlinemarketer_page_navi li.bpn-next-link {} /* next page link */ .onlinemarketer_page_navi li.bpn-next-link a {} .onlinemarketer_page_navi li.bpn-next-link a:hover {} .onlinemarketer_page_navi li.bpn-last-page-link {} /* last page link */ .onlinemarketer_page_navi li.bpn-last-page-link a {} .onlinemarketer_page_navi li.bpn-last-page-link a:hover {} .onlinemarketer_page_navi li.bpn-first-page-link {} /* first page link */ .onlinemarketer_page_navi li.bpn-first-page-link a {} .onlinemarketer_page_navi li.bpn-first-page-link a:hover {} /* fallback previous & next links */ .wp-prev-next {} .wp-prev-next ul {} .wp-prev-next .prev-link {} .wp-prev-next .next-link {} /****************************************************************** PAGE LINK STYLES ******************************************************************/ .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { margin: 0; padding: 2px 3px; } .page-link a:hover { font-weight: bold; } .page-link span { margin-right: 6px; } .wp-prev-next .prev-link, .nav-previous, .previous-image { float: left; margin:10px 0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; } .wp-prev-next .next-link, .nav-next, .next-image { float: right; margin:10px 0; font-family: 'Open Sans Condensed', sans-serif; font-size:16px; } #image-navigation, #comment-nav-below, #comment-nav-above, #nav-above, #nav-below { display:block; overflow:hidden } #comment-nav-above a, #comment-nav-below a { color:#075493; } /****************************************************************** COMMENT STYLES ******************************************************************/ #comments { margin:40px 0; } #comments-title { padding:0; padding-top:10px; padding-bottom:20px; font-family: 'Open Sans Condensed', sans-serif; font-size:18px; text-transform:uppercase; line-height:normal; color:#FFD21F; margin:0; }/* h3 comment title */ #comments span {} /* number of comments span */ .comment-nav {} .comment-nav ul {} .comment-nav ul li {} .commentlist { margin:0; } .commentlist li.comment { background:#fafafa; border:1px solid #cfd3d6; border-radius:7px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; } .commentlist li.pingback { margin:10px 0 20px 0; background:#fafafa; border:1px solid #cfd3d6; border-radius:7px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; padding: 5px 10px; } .commentlist li[class*=depth-] { } .commentlist li.depth-1 {} .commentlist li.depth-2 {} .commentlist li.depth-3 {} .commentlist li.depth-4 {} .commentlist li.depth-5 {} .commentlist li ul.children li {} .commentlist li ul.children li.alt {} .commentlist li ul.children li.byuser {} .commentlist li ul.children li.comment {} .commentlist li ul.children li.depth-1 {} /* change number for different depth */ .commentlist li ul.children li.bypostauthor {} .commentlist li ul.children li.comment-author-admin {} .commentlist li ul.children .alt {} .commentlist li ul.children .odd {} .commentlist li ul.children .even {} .commentlist .alt {} .commentlist .odd {} .commentlist .even {} .commentlist .parent {} .commentlist .comment {} .commentlist .children {} .commentlist .pingback {} .commentlist .bypostauthor {} .commentlist .comment-author {} .commentlist .comment-author-admin {} .commentlist .thread-alt {} .commentlist .thread-odd {} .commentlist .thread-even {} .commentlist .vcard {} .commentlist .vcard cite.fn {} .commentlist .vcard time {} .commentlist .vcard time a {} .commentlist .vcard time a:hover {} .commentlist .vcard img.photo {} .commentlist .vcard img.avatar {} .commentlist .vcard cite.fn a.url {} .commentlist .comment-meta {} .commentlist .comment-meta a {} .commentlist .commentmetadata {} .commentlist .commentmetadata a {} .commentlist li .comment_content {} .commentlist li .comment_content p {} .commentlist li ul {} .commentlist a { color:#075493; } .commentlist a.comment-reply-link { background: none repeat scroll 0 0 #29506f; border-radius: 5px 0px 5px 0px; color:#ffd21f; opacity:1; } .commentlist a.comment-reply-link:hover { color:#fff; } #comment-nav-below a { color:#FFD21F; } /****************************************************************** COMMENT FORM STYLES ******************************************************************/ div#respond { background:#dce4ea; margin:60px auto 0 auto; border:1px solid #cfd3d6; border-radius:7px; z-index:999999; padding:15px; } #comment-form-title { display:none; } #cancel-comment-reply { float:right; } #cancel-comment-reply a {} #commentform {} #commentform p { border-bottom:1px solid #cad7e2; padding:0; padding-bottom:0.5em; padding-top:0.5em; margin:0; margin-bottom:0; } #commentform p.form-submit { border-bottom:0; text-align:center; } #commentform label { background-color:transparent; box-shadow:none; color: #555555; display:block; font-size: 13px; left: 4px; min-width: 80px; padding: 4px 10px; position: relative; top: 0; z-index: 1; float:left; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; color:#2b689a; text-transform:uppercase; } #commentform a { color:#2B7CC2; } .required { color: #BD3500; font-size: 22px; font-weight: bold; margin-left:-13px; padding-right:5px; } .required:first-child { margin:0; } h3#reply-title { width:130px; margin-top:-51px; margin-bottom:0; margin-left:20px; background:#29506f; font-family: 'Francois One', sans-serif; font-size:20px; font-weight:normal; line-height:35px; color:#ffd21f; padding-left:15px; border-top-left-radius:7px; border-top-right-radius:7px; box-shadow:0 5px 5px #a4afb8 inset; } .commentlist li h3#reply-title { width:200px; } h3#reply-title a { color:#ffd21f; } #cancel-comment-reply-link { font-size:11px; } .comments-logged-in-as {} #comment-form-elements {} #comment-form-elements li {} #comment-form-elements label { } #author, #email, #url, #comment { background: none repeat scroll 0 0 #b9cbda; border: 1px solid #9db6cb; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 3px #9db6cb inset; padding: 2px 5px; position: relative; text-indent:0; margin:10px 0; } #author:focus, #email:focus, #url:focus, #comment:focus {} #author, #email, #url {} #allowed_tags {} #comment {} #submit { background:transparent url(library/images/submit.png) repeat-x; border:1px solid #da910d; border-radius: 5px; box-shadow:none; color: #4e4e4e; cursor: pointer; padding: 3px 15px; position: relative; text-shadow:none; } /****************************************************************** SIDEBARS & ASIDES ******************************************************************/ #secondary {} .widget { background:url(library/images/bg-widget.png); clear: both; margin: 0 0 2.2em 0; padding:1em; border-radius:7px; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0px; color:#fff; } .widget li, #meta.widget aside a { font-size: 13px; border-bottom:1px dotted #748da1; padding:5px 10px 5px 25px; background:url(library/images/bullet.png) no-repeat 5px 8px; margin-bottom:0; } .widget ul li:first-child { border-top:1px dotted #748da1; } .widget li a { color:#fff; text-decoration:none; } .widget li a:hover { text-decoration:underline; } .widget-title { border:0; color:#ffd21f; font-family: 'Francois One', sans-serif; font-size:20px; font-weight:normal; line-height:normal; text-transform:capitalize; letter-spacing:normal; margin-bottom:10px; } /* links widget */ .widget_links {} .widget_links ul {} .widget_links ul li {} .widget_links ul li a {} /* meta widget */ .widget_meta {} .widget_meta ul {} .widget_meta ul li {} .widget_meta ul li a {} /* pages widget */ .widget_pages {} .widget_pages ul {} .widget_pages ul li {} .widget_pages ul li a {} /* recent-posts widget */ .widget_recent_entries {} .widget_recent_entries ul {} .widget_recent_entries ul li {} .widget_recent_entries ul li a {} /* archives widget */ .widget_archive {} .widget_archive ul {} .widget_archive ul li {} .widget_archive ul li a {} .widget_archive select {} .widget_archive option {} /* tag-cloud widget */ .widget_links {} .widget_links li:after {} .widget_links li:before {} .widget_tag_cloud {} .widget_tag_cloud a {} .widget_tag_cloud a:after {} .widget_tag_cloud a:before {} /* calendar widget */ .widget_calendar { } #calendar_wrap {} #calendar_wrap th { background: none; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; font-weight: bold; color:#FFD21F; } #calendar_wrap td {} #wp-calendar { color: #777; text-align: center; width: 95%; margin:auto; } #wp-calendar tr td {} #wp-calendar caption { font-size: 16px; font-weight: 700; padding: 5px 0 3px; text-transform: uppercase; color:#fff; } #wp-calendar a {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {} /* category widget */ .widget_categories {} .widget_categories ul {} .widget_categories ul li {} .widget_categories ul ul.children {} .widget_categories a {} .widget_categories select{} .widget_categories select#cat {} .widget_categories select.postform {} .widget_categories option {} .widget_categories .level-0 {} .widget_categories .level-1 {} .widget_categories .level-2 {} .widget_categories .level-3 {} /* recent-comments widget */ .recentcomments {} #recentcomments {} #recentcomments li {} #recentcomments li a {} .widget_recent_comments {} /* search widget */ #searchform {} .widget_search {} .screen-reader-text {} /* text widget */ .textwidget {} .widget_text {} .textwidget p {} /****************************************************************** IMAGE STYLES ******************************************************************/ .post_content img { margin-top:.75em } .left img, img.left, img.alignleft { margin-right:1.5em; margin-bottom:1em; } .right img, img.right, img.alignright { margin-left:1.5em; margin-bottom:1em; } img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img, .wp-caption { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } /* Notices */ .post .notice, { background: #eee; display: block; padding: 1em; } /* Image Attachments */ .entry-attachment { display: block; margin: 0 auto; text-align: center; } .imgthumb img { float:left; margin-right:20px; border:1px solid #999; } /****************************************************************** FOOTER STYLES ******************************************************************/ footer[role=contentinfo] { background:none; background:url(library/images/bg-header.png) repeat-x; line-height: 2em; padding: 1.6em 0.5em; border:0; color:#ffd21f; } /* footer menu */ .footer-links {} .footer-links ul {} .footer-links ul li {} .footer-links ul li a {} .footer-links ul li:last-child a {} .footer-links ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current_page_item a {} .footer-links ul li ul.sub-menu {} /* you shouldn't have that many links in the footer anyway so it's set to display none ;P */ .attribution {} #site-generator { text-align: center; font-family: 'Open Sans Condensed', sans-serif; } /* Text meant only for screen readers */ .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /****************************************************************** MEDIA QUERIES & DEVICE STYLES Developed by: Andy Clarke & the 320 & Up Extension URL: https://stuffandnonsense.co.uk/projects/320andup/ ******************************************************************/ @media only screen and (max-width: 320px) { body { width: 100%; float: none; } body img { max-width: 100%; } } @media only screen and (max-width: 480px) { body { width: 100%; float: none; } } @media only screen and (max-width: 768px) { body { width: 100%; float: none; } } @media only screen and (max-width: 780px) { body { width: 100%; float: none; } } @media only screen and (max-width: 992px) { body { width: 100%; float: none; } } @media only screen and (max-width: 1024px) { body { width: 100%; float: none; } } @media only screen and (max-width: 1382px) { body { width: 100%; float: none; } } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { /* insert styles here */ } /****************************************************************** PRINT STYLES (Handled by default, but if you want to edit it, feel free) ******************************************************************/ @media print { } /****************************************************************** IE SPECIFIC FIXES ******************************************************************/ /* Thanks to the HTML5 Boilerplate there's an easier way to target IE specific bugs. Simply use the html class to target the specific version of IE. To target the .post_content area in IE6, use: html.ie6 .post_content { ... } To target the .post_content area in IE7, use: html.ie7 .post_content { ... } To target the .post_content area in IE8, use: html.ie8 .post_content { ... } Much easier right? This way, you don't have to call any more stylesheets, you can leave it at the bottom and it will overwrite depending on the html class. */
Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘child theme online marketer’ is closed to new replies.