Ondersteuning » Thema en CSS/opmaak » Website centreren in browser
Website centreren in browser
-
Hoe kan ik zoeken in het Forum naar onderstaande vraag ?
Website http://www.test.bvklapwijk.nl verschijnt o.a. in Firefox, Safari en IE niet midden op het scherm. (Hoe)kan ik dit aanpassen in style.css ?
-
lees dit eens door. wellicht geeft dat de oplossing
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 pluginsChild thema gemaakt met een plugin? Originele thema niet verwijderd?
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?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 stylesheetsNa 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.
==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?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 overneemtArjen, 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 handleidingThijs, 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
- Het onderwerp ‘Website centreren in browser’ is gesloten voor nieuwe reacties.