Ondersteuning » Thema en CSS/opmaak » Pagina/ post ruimte even breed als header

  • Hallo iedereen,

    Ik werk met twenty sixteen. Ik zou graag de pagina/post even breed willen hebben als de header. Ik kom er echter niet uit. Wie weet raad..?

    Website:
    http://Www.timhupkes.com

    Alvast bedankt!

    Tim

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Probeer dit eens?

    @media screen and (min-width: 56.875em)
    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
        margin-right: 0;
        margin-left: 0;
    }
    Thread starter Tim Hupkes

    (@tim983)

    @mkeizer dank je wel. Helaas werkt dit niet. Mijn content blijft binnen smallere marges dan de header…

    Misschien dan eens het geheugen van de browser legen want het is echt de juiste code.
    Kan natuurlijk ook nog ergens anders dezelfde @media declaratie staan met de schermbreedte die jij gebruikt.

    Ah ze staan er wel in maar ze werken niet. Heeft met volgordes te maken.

    @media screen and (min-width: 56.875em)
    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    Zo gaat het beter denk ik. Maar netjes is het volgens mij niet, officieel 🙂

    Thread starter Tim Hupkes

    (@tim983)

    @ajroosemalen @mkeizer, de cache had ik leeggegooid. 😉
    Het wil op een of andere manier nog steeds niet werken…
    Ik had eerst een andere @media screen, maar die heb ik er natuurlijk even uitgehaald zodat ze elkaar niet overschrijven.

    Geen idee wat er aan de hand is. Jullie misschien nog suggesties..?

    Je hebt mijn nieuwe css nog niet toegepast zo te zien 🙂

    Die !important gaat het verschil maken.

    Nu ben ik het niet eens met de !important want dat is een noodmiddel. Beter is het om te zoeken naar waar in je css nog meer die code word aangeroepen.
    In je style.css zie ik op regel 1687, 2837 en 3374 al verwijzingen staan naar entry-content met daarbij maten voor de ruimte links en rechts.

    Thread starter Tim Hupkes

    (@tim983)

    @ajroosemalen, @mkeizer, bedankt voor jullie hulp. Ik heb gekeken naar die andere entry-content links/rechts codes, kon echter weinig vinden. Ik heb daarom voor de zekerheid weg gehaald wat volgens mij enigszins boosdoener kon zijn (zie hieronder).

    Als ik naar mijn page source kijk, zie ik maar 357 regels…

    Ik dacht eerst dat het aan de page builder plugin lag (dat die binnen bepaalde marges blijft) maar op tekst-pagina’s blijft het ook allemaal tussen 2 flinke witborders.

    @mkeizer: ik meende dat ik je css erin had gezet, heb die voor de zekerheid eruit gehaald en opnieuw geplaatst. Het wil echter nog niet lukken. Ik kan niet vinden wat ik over het hoofd zie…

    Weggehaald in eerste instantie:
    @media screen and (min-width: 56.875em)
    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0 !important;
    margin-left: 0 !important;
    }

    #main-navigation ul li a,
    {font-family: ehmooimedium !important;
    letter-spacing: 2px !important;
    padding-right: 26px !important;
    padding-left: 25px !important;
    position: fixed;
    right: 0;
    top: 70%
    width: 100%;
    margin-top: 0em;
    }

    Had je ook gekeken waar mijn linkje in het bericht heen gaat?
    Want dan kom je in het originele css bestand terecht en die heeft meer regels dan 357!

    Thread starter Tim Hupkes

    (@tim983)

    @ajroosmalen nee, had ik niet gedaan. Wauw! Dat zegt inderdaad heel wat meer. Dat is denk ik alle info van het theme? Hoe kom je bij die bron?
    Ik ga straks kijken wat ik kan doen. Je zei dat je niet zo voor !important bent, maar waar krijg ik toegang om die css aan te passen? Anders is !important toch de enige optie..?

    Dat is denk ik alle info van het theme?
    Ja, dat is het originele css bestand van dit thema.

    Hoe kom je bij die bron?
    Deze vraag kan je op twee manieren lezen. Als jij het bestand zoekt dan moet je gweoon naar het adres kijken wat in je browserbalk komt. Volg et adres en je vindt het bestand.
    Als je wilt weten hoe ik het gevonden heb kijk dan even naar je eigen style.css (357 regels) want daarin word dit css bestand aangeroepen.

    Je zei dat je niet zo voor !important bent, maar waar krijg ik toegang om die css aan te passen?
    Dat andere css bestand met die 357 regels is de style.css van jouw childthema en daarin kan je de aanpassingen neer zetten. Die worden dan als laatste ingelezen en overheersen dan de declaraties van het grote css bestand.

    Anders is !important toch de enige optie..?
    Als het niet werkt door aanpassingen te maken in jouw style.css kan je beter zoeken in de, denk ik, head.php hoe de css bestanden opgeroepen worden. Dan er voor zorgen dat jouw css bestand als laatste word opgeroepen en dan heb je nog steeds die !important nodig.

    Succes

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘Pagina/ post ruimte even breed als header’ is gesloten voor nieuwe reacties.