Support » CSS / opmaak vragen » content plus sidebar in container plaatsen

  • Opgelost 4nnev

    (@4nnev)


    Hallo,

    ik zou bijna zeggen ‘daar ben ik weer’ 🙂
    Ik ben weer wat tegen gekomen.

    de pagina’s van mijn website staan allemaal ingesteld op ongeveer 70%, dus met rechts en links een wit rand. Nu wil ik op 1 pagina een sidebar toevoegen, maar dan verdwijnt de witrand, ik kan instellen dat ik de pagina breder of smaller wil, maar op het moment dat ik hem smaller maak wordt de sidebar automatisch breder. Ik zou graag willen de de content plus sidebar op die pagina samen even breed zijn als op de andere pagina’s de content op zichzelf.
    Het gaat om een woocommerce shoppage maar ik heb het uitgeprobeerd en op een ‘gewone’ pagina krijg ik het ook niet voor elkaar.
    Kan ik dit op de een of andere manier instellen?

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Guido

    (@guido07111975)

    Hallo,

    Probeer dit eens op de Extra CSS pagina van de Customizer in je dashboard:

    
    @media (min-width: 960px) {
    	.nv-sidebar-left .shop-container .row {max-width:1015px;}
    }
    

    Deze CSS is alleen voor groter scherm en shoppagina met sidebar aan linkerkant.

    Guido

    Hallo Guido,

    Bedankt voor het meedenken!

    Ik heb je CSS code ingevoerd. Aan de rechterzijde ontstaat er dan inderdaad witruimte, maar aan de linkerzijde blijft de sidebar strak tegen de kant staan.

    Anne

    Hallo Guido,

    ik geloof zowaar dat ik het voor elkaar heb! Ik heb jouw code aangepast naar percentage ipv px (omdat ik zag dat de container van de andere pagina’s mee veranderd in de grote van het scherm en deze pagina niet.)

    En ik heb vervolgens een eveneens procentuele marge toegevoegd aan de linkerkant van de sidebar:
    .nv-sidebar-wrap.shop-sidebar {margin-left:20%;}

    Ik hoop maar dat ik niks ‘raars’ heb gedaan, maar alles lijkt gewoon goed te reageren.
    Hier was ik al een aantal dagen mee aan het stoeien, mijn dank is zeer groot!!

    • Deze reactie is gewijzigd 1 maand, 1 week geleden door 4nnev.
    Guido

    (@guido07111975)

    Hoi,

    Probeer anders dit ook eens:

    
    @media (min-width: 960px) {
    	.nv-sidebar-left .shop-container .row {max-width:1015px; margin:0 auto;}
    	.nv-sidebar-wrap.shop-sidebar {margin-left:0;}
    }
    

    Hiermee centreer je de rij ook, en haal je de linker margin weg van de sidebar.

    Guido

    Dat is nog net wat netter, bedankt!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)