Ondersteuning » Thema en CSS/opmaak » Website centreren in browser

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • lees dit eens door. wellicht geeft dat de oplossing

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    De link naar de website van Marcel van der Hoek heeft me een eind op weg geholpen. Ik heb een child-theme aangemaakt en aangepast zoals hij beschreven heeft:
    /*
    Theme Name: my-engine child
    Theme URI: http://wordpress.org/themes/my-engine/
    Description: My Engine Child Theme
    Author: Cor Rijnvis
    Author URI: http://test.bvklapwijk.nl/
    Template: my-engine
    Version: 1.0
    */

    @import url(“../my-engine/style.css”);

    .site {
    margin: 0 auto;
    }

    Echter lukt me het niet om het child-theme te activeren omdat ik de foutmelding ‘Sjabloon ontbreekt’ krijg en de theme alleen kan verwijderen.
    Dit heb ik geprobeerd op te lossen door de index.php van de theme te kopieren naar de directory van de child-theme.
    Hierna kan ik de child-theme wel activeren maar is de website niet gecentreerd en mis plugins

    Child thema gemaakt met een plugin? Originele thema niet verwijderd?

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    Heb de child thema opnieuw gemaakt met plugin en ‘orginele’ thema en style.css erin gekopieerd.
    Verder geen wijzigingen meer gedaan.
    Child thema geactiveerd met zelfde verkeerde resultaat als hiervoor, zie : http://test.bvklapwijk.nl/
    Orginele site is gemaakt met een aangepast thema my-engine: http://www.bvklapwijk.nl/
    PS: plugin ‘Meta slider’ geinstalleerd op test.bvklapwijk ook niet meer zichtbaar.
    Zijn er nog meer bestanden die naar de child thema directory gekopieerd moeten worden?

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    Opnieuw plugin Lilaea geinstalleerd en geactiveerd.
    Via Child Theme Configurator melding zichtbaar:
    This theme may not apply child theme styles correctly with the current settings:
    * A stylesheet link tag is hard-coded into the header template.
    * Code exists between the wp_head() function and the closing </head> tag.

    Child theme ‘my-engine-child’ aangemaakt met aanbevolen optie :
    Enqueue both parent and child stylesheets

    Na activeren van child theme nog steeds het zelfde verkeerde resultaat, zie http://test.bvklapwijk.nl/

    Hoe is dit op te lossen met de Lilaea child theme configurator?

    kan het niet helemaal meer volgen. Als ik een childtheme maak hoef ik verder niets toe te voegen. Het childetheme activeer ik en daarin maak ik aanpassingen zodat de wijzigingen die ik wil bij een update van het thema niet verloren gaan.
    Lijkt erop dat het gebruikte thema zelf al eea aan bewerkingen heeft ondergaan? Zou zeggen: alles in de testmap verwijderen want nu is het echt een puinhoop, en opnieuw beginnen….

    childtheme? (met dank aan W.P.Ginfo )

    installeer en activeer ‘one click childtheme’-plug-in
    activeer de originele theme
    Dashboard > weergave > child theme
    beantwoordt de vragen op het scherm
    >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    Activeer het childtheme.
    ==

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    Gaike, bedankt voor je reactie.
    Ik kan het ook niet meer volgen, eerst verwijs je naar de website van Marcel van der Hoek waar uitgelegd hoe je zelf een childtheme moet aanmaken in een director zonder plug-in te installeren.
    Vervolgens vraag je of ik een plug-in heb gebruikt en tenslotte verwijs je naar een specifieke plug-in.
    Uiteindelijk heb ik de laatste instructies uitgevoerd zoals beschreven en de ‘one click childtheme’ plug-in geinstalleerd en geactiveerd.
    De testwebsite http://test.bvklapwijk.nl/ ziet er nu beter uit dan de vorige pogingen. Het enige wat er nu nog ‘fout’ is dat het menu onder de banner niet goed wordt vertoond (zie http://www.bvklapwijk.nl voor het verschil).
    Kan ik dit oplossen door de orginele ‘stylesheet’ te kopieeren naar de chiltheme ?
    PS: Het orginele theme is inderdaad door mijn voorganger aangepast.

    body.home.blog {
    max-width: 980px;
    }

    Voeg dit toe aan je style.css en dan staat de website in het midden.
    Het thema wat gebruikt wordt, is dit een gekocht thema? of zelf gemaakt?

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    Het thema wat gebruikt wordt is ‘my-engine’ en is door mijn voorganger bewerkt.
    Kan ik de huidige style.css aanpassen met :
    body.home.blog {
    max-width: 980px;
    }

    Jazeker 🙂
    dit kan je gewoon toevoegen, maakt niet uit waar
    zolang je het maar exact zo overneemt

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    Arjen, Ik heb de style.css aangepast met:
    body.home.blog {
    max-width: 980px;
    }
    Helaas werkt het niet (ook niet met een child thema)

    Kun je eens kijken bij http://www.test.bvklapwijk.nl waarom het niet werkt?

    Probeer deze code eens:

    body.home.blog {
    float: left;
    Margin-left: 17%;
    }

    Groet,
    Thijs
    __________________
    Bouw zelf een prachtige WordPress website met de WP Handleiding
    Maak je website vindbaar met de Google optimalisatie voor WordPress handleiding

    Thread starter Cor Rijnvis

    (@cor-rijnvis)

    Thijs, bedankt voor de snelle reactie.

    De code werkt inderdaad maar omdat het aangepaste thema niet ‘responsive’ is komt de website daarna niet meer geheel zichtbaar op een iPad en iPhone.

    Ik markeer dit onderwerp als ‘opgelost’en laat daarmee de website zoals hij is

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘Website centreren in browser’ is gesloten voor nieuwe reacties.