Footer website niet mooi
-
Beste leden,
Ik ben opzich redelijk tevreden over mijn website. Alleen de footer vind ik niet mooi. Er zitten teveel loze regels tussen! Weten jullie hoe ik het zwarte gedeelte aan de onderkant (footer) kan aanpassen?
Het gaat om de site http://wijnendruif.nl
Ik hoor graag van jullie
-
aside#text-6{ position:absolute;/*plek alg voorwaarden*/ top:130px; left:490px; max-height: 100px; padding-top:0px !important; } aside#search-3{ position:absolute; top:210px !important; /*zoekvak footer*/ left:1000px; ) .more-than-three-widgets.masonry{ height:400px !important;/*hoogte footer*/ }
== == == WAT NU TE DOEN MET DEZE CODE…
Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.Alternatief: Voeg bovenstaande code toe aan
style.css
van je CHILDtheme.
Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.
Heb je nog geen childtheme?
- 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.
- om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
– Maak je aanpassingen in style.css van het childtheme;
==
- Gebruik een FTP-programma bijvoorbeeld filezilla om je site te benaderen
- open de map van je childtheme
- gebruik een code-editor bijv. ‘NOTEPAD++’ [gratis] om het bestand ‘style.css’ van je childtheme te bewerken
- voeg bovenstaande code toe aan ‘style.css’ van je childtheme > sla alle wijzigingen op
- UPload de aangepaste ‘style.css’ naar de map van je childtheme [en overschrijf]
- browser: druk <CTRL-F5> om je browser te verversen
- bekijk het resultaaat
– mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.
== == == Extra
Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen,rechtsklik en kies ‘element inspecteren’, of installeer dan bijv de browser-add-on ‘firebug’.Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren, layout etc. aanpassen.
== == == ik wil echt GEEN childtheme [en begrijp het probleem van het aanpassen van het originele theme…]
Zet de bovenstaande code dan ONDERAAN het bestand ‘style.css’ van je thema. Ververs je browser <CTRL-F5>.
== == ==Zohe dat is een mooie uitgebreide uitleg! Ik kon geen css vinden in mijn huidige template dus heb een one click child theme geinstalleerd.
Toen ik hem aanmaakte moest ik hem activeren alleen dan ziet mijn website er heel raar uit! Ik heb toen weer mijn eigen template geactiveerd, maar mij is nu alleen niet duidelijk welke ik moet activeren en in welke template ik iets moet veranderen.
Hopelijk kan jij mij wat duidelijkheid hierover verschaffen. Tot nu toe alvast bedankt voor je top uitleg
Hi,
het is ONwaarschijnlijk dat een leeg CHILDtheme het uiterlijk van je site verandert
== == == verwijder eerdere versies van het childtheme
- dashboard > weergave > thema’s
- zoek het originele theme en ACTIVEER het
- zoek je childtheme > klik ‘verwijderen’ [re-onder]
- weergave > childtheme > vul ’t scherm in
== == ==
- give your theme a name: wine_child
- klik ‘create a child’
- controleer: weergave > thema’s >> je zou nu je CHILDtheme als eerste thema + actief moeten zien
- browser: controleer: <CTRL-F5> je zou GEEN verschil met het origineel moeten zien!!
- FTP:open ‘style.css’ van je CHILDtheme-map
- gebruik hiervoor een code-editor [bv ‘notepad++’]
- voeg bovenstaande code toe aan het style.css bestand van je CHILDtheme
- her-upload ‘style.css’ naar de map van je child en overschrijf
- browser: <CTRL-F5>… controleer het resultaat
== == ==
Ik heb het nogmaals gedaan zoals jij zei maar de site wordt dan echt zoals hierboven weergegeven 🙁
De mogelijke oorzaken liggen ongeveer als volgt
- mogelijk heb je meerdere wijzigingen aangebracht in het parenttheme
- mogelijk heb je het CT aan een ander // een variatie van de parent verbonden
- er is iets anders gebeurd…
Suggestie:
Test eens of dit wat doet…- Benader je site mbv FTP
- Plaats de CSS code hierboven getoond, eens onderaan de originele ‘style.css’ van je ‘goed uitziende site’
zie ‘../wp-content/themes/goodoldwinewp/style.css’ - ververs je browser <CTRL-F5>
- herstel menu’s en widget instellingen
laat ff weten wat er gebeurt…
… nog eens naar je afbeelding gekeken….
Doe EERST dit:
- Maak en Activeer het CT zoals hierboven beschreven
- Dashboard > weergave > menu’s
- herbevestig de eerder gemaakte menu’s
- herbevestig de eerder gemaakte widgets
- browser: <CTRL-F5>
Waarschijnlijk ziet je site er weer ‘gewoon’ uit, maar nu mbv een CT…
Hoi W.P Ginfo,
Misschien ben ik blond (kaal) maar snap niet wat je bedoeld met herbevestig menu en herbevestig widgets!?
Als ik dat weet kan ik het laatste uitvoeren wat jij zei 😉
Ik kan je anders ook wel rechten geven om te kijken als je dat makkelijker vind en dat we daarna hier neerzetten wat er gedaan is. Moet je alleen even een mail sturen via de website
ik snap niet wat je bedoeld met herbevestig menu en herbevestig widgets!?
- Dashboard > weergave > menu’s
- ga naar ‘Een menu selecteren om te wijzigen’: selcteer het eerder gemaakte menu <bijv. ‘mainMenu’> kies ‘menu opslaan’
Het eerder gemaakte menu is her-bevestigd.
Loop nu de widgets na.
dan <CTRL-F5> en controleer het resultaat.
Heb eerst de child theme aangezet. Ik heb daarna de menu’s opnieuw opgeslagen en ook alle widgets maar nog steeds hetzelfde als daarvoor jammer genoeg
Jammer, wat gebeurt er als je de code ONDERAAN de stylesheet van de goedwerkende versie zet??
Hoi WP,
Ook dat lukt niet! Dan ziet de site er ook raar uit! Heel vreemd en jammer 🙁
Hi,
Laten we maar eens ‘stap voor stap’ aan de gang gaan.NB!! Gebruik een PC met breedbeeldscherm.
Dit theme ziet er anders uit bij gebruik van de diverse schermen zoals PC, Tablet, Phone etc.Geef zo duidelijk mogelijk antwoord op de volgende vragen…
- ? Heeft je theme een plek / veld om je CSS aan te passen; bijv. ‘Custom CSS’?
- ? IS het ‘zoekvak met label’ in de FOOTER naar boven geschoven?
- ?JA / NEE
- ?Staat het op de juiste plaats?
- Ja / het moet naar boven / beneden / links / rechts -meer antwoorden mogelijk
- ? Zijn nu andere zaken op je site die ONgewenst / onverwacht zijn veranderd?
- nee / ja, beschrijf / maak een schermafdruk van het probleem
>>NEE: dan hoef je de rest van de vragen niet te beantwoorden…
>>Ja: Plaats de volgende code hierin en sla de wijzigingen opaside#search-3{ position:absolute; top:210px !important; /*zoekvak footer*/ left:1000px; )
>>druk <CTRL-F5> om de browser te verversen
1. Als ik in de backend naar weergave ga en dan klik op editor dan kan ik qua stylsheets de volgende aanpassen:
– style.css
– rtl.cssAls ik in Filezilla naar de betreffende map/template ga dan zie ik ook alleen die twee css-en staan
- Het onderwerp ‘Footer website niet mooi’ is gesloten voor nieuwe reacties.