Child Themes allgemein

'eltern'-styles einfach weglassen reicht nicht; du musst die mit einem style fuer deine neue idee ueberschreiben;

im beispiel:

#header .header-wrap{
    background-image: none;
/*oder alernativ:*/
    background: transparent;
}

CSS von Child Theme greifen nicht alle

Lieber Alchymyth

Ich habe dasselbe Problem. Aber obwohl ich die CSS Anweisungen überschreibe, funktionieren einige im Child CSS (style.css) und einige eben nicht. Ebenfalls möchte ich das Formular (Plugin: Contact Forms 7): mit den schönen Stylings des gekauften Themes (zu sehen auf http://www.zanana-living.ch/kontakt (ganz unten)) verbessern, was leider auch nur geht, wenn ich die Styleangaben im Original Stammverzeichnis des Themes ändere und nicht im Child CSS. Dies möchte ich alles so im Child script ändern, damit ich nicht bei jedem Update wieder alle Änderungen machen muss. Das Theme heisst "Flexible" von Elegant Themes.

(Diejenigen die funktionieren sind grün, alle anderen gehen nicht).

Mein Child-Script:

/**
Theme Name: Zanana
Theme URI: http://www.zanana-living.ch/
Description: Child-Theme von bei flexible
Author: Patric Simon, Brainfire
Author URI: http://www.brainfire.ch
Template: Flexible
Version: 1.0.0
*/

/*------------------------------------------------*/
/*-----[GRUNDSTILE VON FLEXIBLE IMPORTIEREN]------*/
/*------------------------------------------------*/
@import url('../Flexible/style.css');
@import url('../Flexible/epanel/shortcodes/css/shortcodes.css');

/*------------------------------------------------*/
/*-------------[TYPOGRAFIE ANPASSEN]--------------*/
/*------------------------------------------------*/

#left-area ol, #left-area ul { list-style: inside; list-style-type: circle;
font-size: 14px;
}
h1 { font-size: 30px; [COLOR=#008000]padding-bottom: 5px;[/COLOR] }
h2 { font-size: 24px; [COLOR=#008000]padding-bottom: 20px;[/COLOR] }
h3 { font-size: 22px; [COLOR=#008000]padding-bottom: 15px; [/COLOR]}
h4 { font-size: 18px; [COLOR=#008000]padding-bottom: 10px;[/COLOR]}
h5 { font-size: 16px; [COLOR=#008000]padding-bottom: 7px;[/COLOR]}
h6 { font-size: 14px; [COLOR=#008000]padding-bottom: 5px;[/COLOR]}

/*------------------------------------------------*/
/*----------------[QUOTES ANPASSEN]----------------*/
/*------------------------------------------------*/
[COLOR=#008000].et_right_quote {
font-size: 15px;
}[/COLOR]


/*------------------------------------------------*/
/*--------[ABSTÄNDE POSTHINWEISE ANPASSEN]--------*/
/*------------------------------------------------*/

[COLOR=#008000].entry .meta-info {
font-size: 12px;
padding-bottom: 20px;
line-height: 16px;

.meta-info {
color: #C0C0B5;
font-style: italic;
}[/COLOR]


/*------------------------------------------------*/
/*-------------[FOOTERLINKS ANPASSEN]-------------*/
/*------------------------------------------------*/

#copyright a {color: silver !important;}

/*------------------------------------------------*/
/*--------[BILDBREITE FULLWIDTH ANPASSEN]---------*/
/*------------------------------------------------*/

[COLOR=#008000].page .post-thumbnail img {
width: 960px;
}[/COLOR]


/*------------------------------------------------*/
/*---------[TABLEUNTERTEILUNGEN ANZEIGEN]---------*/
/*------------------------------------------------*/

table {
border-spacing: 2px;
text-indent: 0;
}

/* ET Form Like Styles For CF7 Form
by Mayur Somani from http://www.agentwp.com
*/

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select {
background: #F7F7F7 url(../Flexible/epanel/page_templates/images/contact_input.png) repeat-x !important;
border: 1px solid #CCC !important;
color: #111 !important;
padding: 8px !important;
border-radius: 8px !important;
-webkit-border-radius: 8px !important;
-moz-border-radius: 8px !important;
margin: 0px !important;
font-family: arial !important;
}

.wpcf7-form-control-wrap select {
background:#F7F7F7 !important;
}

.wpcf7-form-control-wrap input[type="text"] {
width:300px;
}

.wpcf7-form-control-wrap textarea {
width:400px;
}

.wpcf7-captchar, .wpcf7-quiz {
width:65px !important;
}

span.wpcf7-list-item {
display: block;
margin-left: 0 !important;
}

.wpcf7-submit, .wpcf7-reset {
border: 0px !important;
color: #4C4B4B !important;
float: right;
font-size: 12px;
text-shadow: 1px 1px 1px white;
text-transform: uppercase;
margin-right: 9px;
height: 35px;
}

.wpcf7-submit {
background: url(../Flexible/epanel/page_templates/images/contact_submit.png) no-repeat;
width: 73px;
margin-right: 6px;
}

.wpcf7-reset {
background: url(../Flexible/epanel/page_templates/images/contact_reset.png) no-repeat;
width: 61px;
}

---------------------------------

hast Du da einen Tipp?

Besten Dank, Patric

ich habe mir jetzt nicht alles durchgelesen, aber hier fehlt die schießende Klammer. Deshalb wird der Rest nicht angezogen:

Zitat

[COLOR=#008000].entry .meta-info {
font-size: 12px;
padding-bottom: 20px;
line-height: 16px;
[/COLOR][COLOR=#ff0000]}[/COLOR][COLOR=#008000]

.meta-info {
color: #C0C0B5;
font-style: italic;
}[/COLOR]

Alles anzeigen

Bitte Code in Codeblöcken einrahmen, sonst ist das auch kaum zu lesen.