Hoe kan ik de marges op 1 specifieke pagina aanpassen

  • Opgelost rooskj

    (@rooskj)


    6 jaren, 4 maanden geleden

    Op https://www.ehoogkamer.nl/virtual-gallery/ heb ik middels iframe een Emaze-presentatie geplaatst. Graag zou ik die presentatie breder weergegeven willen hebben, maar hij blijft gevangen tussen de linker- en rechter marge van het template Full Width Page. Aanpassen van iframe code heeft geen effect hierop. Ik probeer met de <F12> inspector en de plugin SiteOrigin CSS te achterhalen waar ik dat zou kunnen aanpassen. Ik kom er niet uit.
    Hoe kan ik dus de beide marges alleen voor deze ene pagina! aanpassen, zonder dat de opmaak van de andere pagina’s met de zelfde template als basis ook veranderd wordt.

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

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    6 jaren, 4 maanden geleden

    Hallo,

    Dat kan perfect op één pagina toegepast worden, want WordPress geeft elke pagina een ander klasse mee op basis van de post ID.

    Voor de pagina die je linkt is dat .page-id-414

    Een oplossing zou dus zijn:

    .page-id-414.site-content.entry-content{
max-width:100%;
}

    Groet,
    Jeroen

    PS: je ander topic heb ik gearchiveerd.

    Thread starter rooskj

    (@rooskj)

    6 jaren, 4 maanden geleden

    Beste Jeroen,
    bedankt voor je suggestie. Ik heb deze CSS code toegevoegd, maar heeft vooralsnog geen resultaat, zoals je via de URL kunt zien. Overigens liet en laat WordPress de presentatie binnen de page editor wel het juiste formaat zien.

    PS: er schijnt ooit een plugin geweest te zijn voor Emaze-presentaties maar die wordt kennelijk iet meer ondersteund (gezien de tekst die je krijgt als je naar de emaze plugin zoekt).

    Vriendelijke groet,
    Karel

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    6 jaren, 4 maanden geleden

    Als het maar voor dit is heb je echt geen plugin nodig, de iframe doet het goed en met de max-width op 100% toont hij het goed.(zie http://cloud.jerrix.website/tJT0)
    Doe het eens zonder site-content:

    .page-id-414.entry-content{
max-width:100%;
}

    Groet,
    Jeroen

    Thread starter rooskj

    (@rooskj)

    6 jaren, 4 maanden geleden

    Beste Jeroen,
    ook middels deze laatste code blijft het bij mij onveranderd. Welke browser dan ook.
    Alleen Edge meldt middels pop-up: Compatibility Mode
    This presentation has been simplified to fit your browser.

    Overigens, ik ben vanmiddag op pad maar zal daarna weer actief hiermee bezig zijn.

    Vriendelijke groet,
    Karel

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    6 jaren, 4 maanden geleden

    Dat moet de selector nog specifieker, maar het zou zeker opgelost kunnen worden op deze manier.

    .page-id-414 .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
    max-width: 100%;
}

    Test dit eens?

    Jeroen

    • Deze reactie is gewijzigd 6 jaren, 4 maanden geleden door Jeroen Rotty.
    • Deze reactie is gewijzigd 6 jaren, 4 maanden geleden door Jeroen Rotty.
    Thread starter rooskj

    (@rooskj)

    6 jaren, 4 maanden geleden

    Beste Jeroen,
    YESss!!! Hartstikke bedankt.
    Vriendelijke groet,
    Karel

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    6 jaren, 4 maanden geleden

    Top! Blij dat het is opgelost.

    Hierbij sluit ik het topic.

    Groet,
    Jeroen

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘Hoe kan ik de marges op 1 specifieke pagina aanpassen’ is gesloten voor nieuwe reacties.