Support » Algemeen WordPress » Footer twenty sixteen thema aanpassen voor mobiel

  • Ik worstel met de footer in het thema van 2016. Ik wil de image in de footer (“lezen voor een betere toekomst”) even breed hebben als de header. Zowel de header als footer images zijn beide 1200 px breed. Maar de footer image lijkt korter. Daarnaast breekt de footer-image aan beide kanten door in tablet en mobiel view. Ik veronderstel dat ik wat mediascreen-css aan het aangepaste css moet toevoegen.
    Hier is de site: https://www.roemwolf.nl/proef1/
    Eventuele suggesties om dit goed te krijgen met enkele CSS-regels?
    Hier de aangepaste css:

    a {
    color: #de1796;
    position: relative;
    }
    .main-navigation a {
    color: #DE1796;
    }
    .widget li a,
    .widget a {
    color: #DE1796 !important;
    line-height: 0px;
    }
    body {
    font-size: 15px;
    color: #000000;
    border-top: 0;
    padding-bottom: 0px;
    background-position: bottom;
    }
    .page {
    margin-top: 0px ! important;
    margin-bottom: 0px ! important;
    padding-bottom: 0px;
    position: relative;
    }
    .widget {
    border-top: 0px solid black !important;
    margin-bottom: 12px !important;
    padding-top: 12px !important;
    }
    .entry-content a {
    border: none;
    box-shadow: none;
    }
    .entry-content a:hover {
    color: #008488;
    }
    .entry-title {
    font-size: 25px;
    }
    .widget {
    width: 100% !important;
    }
    #content-bottom-widgets.content-bottom-widgets {
    width: 100%;
    }
    .image.wp-image-157.attachment-full.size-full {
    float: left;
    clear: both;
    overflow: auto;
    overflow-x: auto;
    width: 85%;
    }
    #media_image-4.widget.widget_media_image {
    float: left;
    position: relative;
    width: 1100px;
    margin-top: -50px;
    }
    #primary.content-area {
    margin-bottom: -1200px;
    }
    #colophon.site-footer {
    margin-bottom: -100px;
    }
    .image.wp-image-54.attachment-full.size-full {
    width: 1100px;
    float: none;
    }
    .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%;
    }

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

  • Het onderwerp ‘Footer twenty sixteen thema aanpassen voor mobiel’ is gesloten voor nieuwe reacties.