Thread starter
John
(@johnny-bb)
Als ik vervolgens op het scherm van de site de elements inspecteer en daar aan en uit zet kom ik precies uit op die zaken die in de child staan.
dus wordt het child Theme niet gebruikt
Thread starter
John
(@johnny-bb)
het gaat dus om de shaduw randen van de header en de body, hier mijn child theme.
/*
Theme Name: TwentyTwelveChild
Description: A Child Theme of Twenty Twelve Theme
Theme URI: http://www.tipsandtricks-hq.com
Author: Jba
Author URI:
Template: twentytwelve
Version: 1.0.0
*/
@import url("../twentytwelve/style.css");
.entry-title a {
text-decoration: none !important;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */
}
/* Navigation Menu */
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
text-align: center;
Background: #511f96;
}
.site-header h1,
.site-header h2 {
text-align: center;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-bottom: 1px solid #511f96;
background: #511f96;
border-top: 1px solid #511f96;
display: inline-block !important;
text-align: left;
width: 100%;
}
.main-navigation li a:hover {
color: #ff6500;
}
.main-navigation ul li a {
color: #ffffff;
padding-right: 6px;
padding-left: 6px;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #ffffff;
font-weight: bold;
}
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
body {
background-color: #e6e6e6;
}
body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
/* box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); */
}
body.custom-background-empty {
background-color: #fff;
}
body.custom-background-empty .site,
body.custom-background-white .site {
padding: 0;
margin-top: 0;
margin-bottom: 0;
box-shadow: none;
}
}