Ondersteuning » Installatie WordPress » Ik krijg geen veranderingen doorgevoerd in child style.css

  • Opgelost bosshog21

    (@bosshog21)


    Goedendag,
    ik heb problemen met de installatie van een css.
    Ik heb twentyeleven gecopieeerd. Deze heet twentyeleven BGF
    Voor dat copie heb ik een child theme directory gemaakt. Deze heet Twenty Eleven child
    Echter, als ik veranderingen doorvoer in het css van dit childtheme, zie ik deze veranderingen niet als ik mn blog bekijk.
    Miss kunnen jullie aan mijn child css zien wat er mis is:

    /*
    Theme Name: Twenty Eleven Child
    Theme URI: http: //example.com/
    Description: Child theme for the Twenty Eleven theme
    Author: BGF
    Author URI: http: //fietsenmakershoek.nl/
    Template: twentyeleven BGF
    Version: 0.1.0
    */
    
    html .mceContentBody {
    	max-width: 584px;
    }
    * {
    	color: inherit;
    	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-style: inherit;
    	font-weight: inherit;
    	line-height: 1.625;
    }
    body {
    	color: #333;
    	font: 15px "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif;
    	font-weight: 300;
    	line-height: 1.625;
    }
    
    /* Headings */
    h1,h2,h3,h4,h5,h6 {
    	clear: both;
    }
    h1,
    h2 {
    	color: #000;
    	font-size: 15px;
    	font-weight: bold;
    	margin: 0 0 .8125em;
    }
    h3 {
    	font-size: 10px;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    h4, h5, h6 {
    	font-size: 14px;
    	margin: 0;
    }
    hr {
    	background-color: #ccc;
    	border: 0;
    	height: 1px;
    	margin-bottom: 1.625em;
    }
    
    /* Text elements */
    p, ul, ol, dl {
    	font-weight: 300;
    }
    p {
    	margin-bottom: 1.625em;
    }
    ul, ol {
    	margin: 0 0 1.625em 2.5em;
    	padding: 0;
    }
    ul {
    	list-style: square;
    }
    ol {
    	list-style-type: decimal;
    }
    ol ol {
    	list-style: upper-alpha;
    }
    ol ol ol {
    	list-style: lower-roman;
    }
    ol ol ol ol {
    	list-style: lower-alpha;
    }
    ul ul, ol ol, ul ol, ol ul {
    	margin-bottom: 0;
    }
    dl {
    	margin: 0 1.625em;
    }
    dt {
    	font-size: 15px;
    	font-weight: bold;
    }
    dd {
    	margin: 0 0 1.625em;
    }
    strong {
    	font-weight: bold;
    }
    cite, em, i {
    	font-style: italic;
    }
    cite {
    	border: none;
    }
    big {
    	font-size: 131.25%;
    }
    .mceContentBody blockquote,
    .mceContentBody blockquote p {
    	font-family: Georgia, "Bitstream Charter", serif !important;
    	font-style: italic !important;
    	font-weight: normal;
    	margin: 0 3em;
    }
    .mceContentBody blockquote em,
    .mceContentBody blockquote i,
    .mceContentBody blockquote cite {
    	font-style: normal;
    }
    .mceContentBody blockquote cite {
    	color: #666;
    	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    	font-weight: 300;
    	letter-spacing: 0.05em;
    	text-transform: uppercase;
    }
    pre {
    	background: #f4f4f4;
    	font: 13px "Courier 10 Pitch", Courier, monospace;
    	line-height: 1.5;
    	margin-bottom: 1.625em;
    	padding: 0.75em 1.625em;
    }
    code, kbd, samp, var {
    	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    }
    abbr, acronym, dfn {
    	border-bottom: 1px dotted #666;
    	cursor: help;
    }
    address {
    	display: block;
    	margin: 0 0 1.625em;
    }
    del {
    	color: #333;
    }
    ins {
    	background: #fff9c0;
    	border: none;
    	color: #333;
    	text-decoration: none;
    }
    sup,
    sub {
    	font-size: 10px;
    	height: 0;
    	line-height: 1;
    	position: relative;
    	vertical-align: baseline;
    }
    sup {
    	bottom: 1ex;
    }
    sub {
    	top: .5ex;
    }
    input[type=text],
    textarea {
    	background: #fafafa;
    	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
    	border: 1px solid #ddd;
    	color: #888;
    }
    input[type=text]:focus,
    textarea:focus {
    	color: #333;
    }
    textarea {
    	padding-left: 3px;
    	width: 98%;
    }
    input[type=text] {
    	padding: 3px;
    }
    
    /* Links */
    a,
    a em,
    a strong {
    	color: #1b8be0;
    	text-decoration: none;
    }
    a:focus,
    a:active,
    a:hover {
    	text-decoration: underline;
    }
    
    /* Alignment */
    .alignleft {
    	display: inline;
    	float: left;
    	margin-right: 1.625em;
    }
    .alignright {
    	display: inline;
    	float: right;
    	margin-left: 1.625em;
    }
    .aligncenter {
    	clear: both;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    /* Tables */
    table {
    	border: none !important;
    	border-bottom: 1px solid #ddd !important;
    	border-collapse: collapse;
    	border-spacing: 0;
    	text-align: left;
    	margin: 0 0 1.625em;
    	width: 100%;
    }
    tr th {
    	border: none !important;
    	color: #666;
    	font-size: 10px;
    	font-weight: 500;
    	letter-spacing: 0.1em;
    	line-height: 2.6em;
    	text-transform: uppercase;
    }
    td {
    	border: none !important;
    	border-top: 1px solid #ddd !important;
    	padding: 6px 10px 6px 0;
    }
    
    /* Images */
    img[class*="wp-image-"] {
    	height: auto;
    	max-width: 97.5%;
    }
    img.size-full {
    	width: auto; /* Prevent stretching of full-size images in IE8 */
    }
    img.wp-smiley {
    	border: none;
    	margin-bottom: 0;
    	margin-top: 0;
    	padding: 0;
    }
    p img,
    .wp-caption {
    	margin-top: 0.4em;
    }
    img,
    .editor-attachment {
    	border: 1px solid #ddd;
    	padding: 6px;
    }
    img.alignleft,
    img.alignright,
    img.aligncenter {
    	margin-bottom: 1.625em;
    }
    .wp-caption {
    	background: #eee;
    	border: none;
    	margin-bottom: 1.625em;
    	max-width: 96%;
    	padding: 9px;
    }
    .wp-caption img {
    	display: block;
    	margin: 5px auto 0 !important;
    	max-width: 98%;
    	border-color: #eee;
    }
    .wp-caption .wp-caption-text,
    .wp-caption-dd {
    	color: #666;
    	font-family: Georgia, serif !important;
    	font-size: 12px;
    	margin: 0 0 0.6em 0 !important;
    	padding: 0 0 5px 40px;
    	position: relative;
    	text-align: left;
    }
    .wp-caption .wp-caption-text:before {
    	color: #666;
    	content: '\2014';
    	font-size: 14px;
    	font-style: normal;
    	font-weight: bold;
    	margin-right: 5px;
    	position: absolute;
    	left: 10px;
    	top: 7px;
    }
    a:focus img[class*="wp-image-"],
    a:hover img[class*="wp-image-"],
    a:active img[class*="wp-image-"] {
    	background: #eee;
    	border-color: #bbb;
    }
    .wp-caption a:focus img,
    .wp-caption a:active img,
    .wp-caption a:hover img {
    	background: #fff;
    	border-color: #ddd;
    }

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • 1. Heb je het childtheme vervolgens geactiveerd?
    > dashboard >weergave>thema’s >activeren

    2. Is ALLE code die je hierboven toont nieuw / een aanpassing van het originele theme? Plaats alleen die zaken die je hebt aangepast. Dat maakt opsporen van problemen makkelijker.

    3. Ik vermoed dat de fout weleens in de kop van het childtheme-css kan zitten.

    /*
    Theme Name: Twenty Eleven Child
    Theme URI: http: //example.com/
    Description: Child theme for the Twenty Eleven theme
    Author: BGF
    Author URI: http: //fietsenmakershoek.nl/
    Template: twentyeleven BGF
    Version: 0.1.0
    */

    Tip: Gebruik plugin ‘one click childtheme’ om een child theme te maken. Dat voorkomt syntax-fouten.
    1. installeer ‘one click childtheme’
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
    >> er wordt een child theme aangemaakt map en bestanden zoals style.css;

    Thread starter bosshog21

    (@bosshog21)

    U had gelijk, er is het een en ander veranderd:

    /*
    Theme Name:     Child theme
    Description:    Child van BGF
    Author:         admin
    Template:       twentyeleven BGF
    
    (optional values you can add: Theme URI, Author URI, Version)
    */
    
    @import url("../twentyeleven BGF/style.css");

    Fijn dat je nu weer verder kan

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Ik krijg geen veranderingen doorgevoerd in child style.css’ is gesloten voor nieuwe reacties.