Ondersteuning » Thema en CSS/opmaak » Child Thema probleem

  • Hey mensen ik heb net van een bestaande site een child thema gemaakt. dit heb ik gedaan met de plug-in ‘One klik child’

    Ik heb daarna de CSS bestand van de originele site gekopieerd naar de CSS van het child thema.

    maar als ik nu de child thema activeer is de opmaak niet gelijk, ik krijg bv geen randen nu of juiste formaat afbeelding.

    ik moet dus nog ergens een bestand aanpassen volgens mij, kan iemand mij vertellen waar en hoe ik dit kan veranderen?

    alvast bedankt!

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Je hoeft niet het bestand te kopiëren. Je hoeft alleen maar de dingen die je wilt wijzigen aan te roepen. Waarschijnlijk heb je nog andere css-bestanden die hoger in de hiërarchie zitten dan je theme styles.css (en dus css uit dit bestand overschrijven). Je childtheme styles.css is uiteindelijk de hoogste, de ultieme ‘baas’.

    Geef anders even je site, dan kunnen we met je meekijken.

    groet,
    Lianne

    Thread starter Prototyp3

    (@prototyp3)

    De site is: http://klik-stadskanaal.nl/

    dit is in het thema, Minamaze dus het orginele thema. Als ik nu dus de child thema activeer krijg ik bv dus dat het ‘banner’ over het hele beeld loopt enzo.

    We zien dat de volgende css-bestanden worden ingeladen:

    <link rel="stylesheet" id="font-awesome-min-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/font-awesome/css/font-awesome.min.css?ver=3.2.1" type="text/css" media="all">
    <link rel="stylesheet" id="font-awesome-cdn-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/font-awesome-4.2.0/css/font-awesome.min.css?ver=4.2.0" type="text/css" media="all">
    <link rel="stylesheet" id="dashicons-css" href="http://klik-stadskanaal.nl/wp-includes/css/dashicons.min.css?ver=4.4" type="text/css" media="all">
    <link rel="stylesheet" id="bootstrap-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/bootstrap/css/bootstrap.min.css?ver=2.3.2" type="text/css" media="all">
    <link rel="stylesheet" id="prettyPhoto-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/lib/extentions/prettyPhoto/css/prettyPhoto.css?ver=3.1.6" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/style.css?ver=1.3.0" type="text/css" media="all">
    <link rel="stylesheet" id="shortcodes-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/styles/style-shortcodes.css?ver=1.1" type="text/css" media="all">
    <link rel="stylesheet" id="responsive-css" href="http://klik-stadskanaal.nl/wp-content/themes/minamaze/styles/style-responsive.css?ver=1.1" type="text/css" media="all">

    Dit betekent dat na je het styles.css van je moederthema nog twee andere css-bestanden worden ingeladen, namelijk:
    pad naar theme/styles/style-shortcodes.css en
    pad naar theme/styles/style-responsive.css

    Aan het begin van je childtheme staat tussen /* …*/ info over je childthema, plaats direct hierna

    @import url("../minmaze/style.css");
    @import url("../minamaze/styles/style-shortcodes.css");
    @import url("../minamaze/styles/style-responsive.css");

    Dat is de basis van je childtheme.

    groet,
    Lianne

    Thread starter Prototyp3

    (@prototyp3)

    ik heb de child-thema geactiveerd. en via mijn browers de console er eens bij gepakt.

    ik kom daar dus veel ‘parsing’ en ‘unknown property’ tegen.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Child Thema probleem’ is gesloten voor nieuwe reacties.