Ondersteuning » Algemeen WordPress » bottom bar the7.2

  • Hallo,

    Ik heb bij een site waar ik mee bezig ben ineens iets raars. Bottom bar wordt ineens “samengeknepen”. En ik kan niet vinden waar dit aan te passen is. Heb alles al op full width staan….

    Theme is the7.2
    URL = http://goo.gl/zkcYId

    Kom er niet uit, kunnen jullie eens meekijken?

    PS. website is nog niet af, ik weet dat het er nog niet uit ziet 😉

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Hi Joost,

    In de footer gebruik je nu zo te zien een tabel of een widget…. Die begrenst de boel.

    #bottom-bar .wf-table {
        height: 60px;
        width: 300px;
        float: right;
        position: relative;
        right: -70em;
    }

    Zo komt de zaak ongeveer op een meer logische plek.
    == == ==
    Bovenstaande is een Quick ’n Dirty oplossing die weinig elegant is.
    Ik verwacht dat als je de .wf-table aanpast of verwijdert je een meer logische en elegante oplossing kan aanbrengen
    == == ==
    == == == 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?

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

    7. 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 resultaat

    – 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’.

    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>.
    == == ==

    Thread starter joostwordpress

    (@joostwordpress)

    Dank, hij loopt nu alleen helemaal uit beeld.

    Rare is dat ik niets met widgets heb ingesteld. Zowel niet in de fouter als in de bottom bar.
    Ga idd de oplossing zoeken in aanpassing van de CSS. Custos CSS veld is er wel…..

    Hi Joost,

    Dank, hij loopt nu alleen helemaal uit beeld.

    Dit kan je wrsch oplossen door met de waarden te spelen uit dit voorbeeld.

    Thread starter joostwordpress

    (@joostwordpress)

    Bottom bar is inmiddels opgelost!

    Nu nog de ellende met de navbar bovenin. Het is one-page. Maak ik een menu aan voor de nav bar (met anchor links leek me wel handig)…gooit ie de hele website overhoop….

    Iemand een suggestie hoe ik die navbar er netjes in krijg, of beter gezegd…dat die ook netjes werkt?

    Er hoeven maar 4 items in.
    Home
    Aanbod
    Over mij
    Contact.

    Hi Joost,

    Ik kan op de site met bovenstaande link, geen navbar vinden…
    Waar is ie?

    Thread starter joostwordpress

    (@joostwordpress)

    Nu is ie weer zichtbaar.
    Zet nu ook de anchor links er weer in…hoop dat het dan geen zooi wordt…..

    Hi Joost,

    Begrijp ik je goed dat je de nav-balk naar links wilt verplaatsen…?

    /*verplaatsen van de navigatiebalk naar links; pas waarden aan naar wens*/
    nav#navigation {
        position:relative;
        float:left !important;
        margin-left:-150.0em;
        margin-top:5.5em
        }

    == == == 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?

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

    7. 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 resultaat

    – 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’.

    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>.
    == == ==

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘bottom bar the7.2’ is gesloten voor nieuwe reacties.