Arjan Roosemalen

Als je je website update verandert er niets aan je SEO. Wat wel kan veranderen is als je aanpassingen hebt gemaakt in je thema en die niet heb toegepast door een child thema te maken.

Oké mag ik het toch nog een keer proberen?
Als eerst maar de header die een donkere achtergrond kleur heeftwat op twee plekken word aangegeven.
Als eerst heb jij dat waarschijnlijk aangegeven in je instellingen van je thema want dit staat in de index.php van je website;

.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
    background-color: #ffffff;
}

Als ik die uitschakel komt een donkergrijze kleur tevoorschijn die geregeld word door syle.css dus waarschijnlijk standaard is voor dit thema.

.site-header {
    background-color: #2c2d33;
    padding-top: 1.618em;
    padding-bottom: 1.618em;
    color: #9aa0a7;
    background-position: center center;
    position: relative;
    z-index: 999;
}

Maar de menubalk blijft nog steeds wit maar dat komt weer door een instelling die je, waarschijnlijk, weer zelf heb gemaakt want in de index.php vind ik deze code;

.storefront-primary-navigation {
    clear: both;
    background: #fff;
    margin-left: -99em;
    margin-right: -99em;
    padding-left: 99em;
    padding-right: 99em;
}

Weer moet de achtergrond wit zijn volgens deze declaratie. Als ik dat uitschakel blijft alleen het menu nog wit en dat blijkt, uiteindelijk geregeld worden door weer een instelling van het thema zelf want het volgende staat in de index.php;

.menu {
    background-color: #fff;
}

Als deze dan ook uitgeschakeld is zie je een, minimale, kleurverschil tussen de menubalk en de header zelf en die word veroorzaakt door een instelling in de style.css waarbij word aangegeven dat de kleur zwart moet zijn maar een transparantie van 0.06 wat dus minimaal is. Zie hier de code daar voor;

style.css
@media (min-width: 768px)
.storefront-primary-navigation {
    clear: both;
    background: rgba(0,0,0,.06);
    margin-left: -99em;
    margin-right: -99em;
    padding-left: 99em;
    padding-right: 99em;
}

Succes gewenst met het naar jouw zin maken.

Door een aanpassing te maken in het css. Geen idee welke want daar voor zou ik de website moeten bekijken.

Dus als je een beter antwoord wilt mag ik dan het adres van de website?

Als het in andere browsers wel goed werkt dan zou ik eerder de fout zoeken in je Safari op de Ipad dan in je tabel zelf.

Het klopt dat het zo niet werkt want het is een css code. Deze zou, als je hem per foto wil toevoegen, er zo uit moeten zien:
style="float:left;"
Om het nog iets duidelijker te maken zou dit de juiste code zijn voor een afbeelding die naar links moet “drijven”.
<img src="EenAfbeelding.jpg" width="100" height="100" alt="Een afbeelding" title="Een afbeelding die precies vierkant is" style="float:left;"/>
Als je het goed wil doen zorg je er voor dat je in je css bestand een declaratie aanmaakt die ervoor zorgt dat je afbeelding naar links of naar rechts gaat. En dan door middel van een class naam aangeven bij de afbeelding werkt het, bijvoorbeeld.

Voordeel daar van is dat als je het ooit wilt veranderen je niet ieder artikel moet openen om te controleren maar alleen maar de declaratie in het css bestand hoeft aan te passen.

Door de afbeelding naar links of rechts te laten “drijven” (img{float:left;}).

De versiering van het menu staat daar waar het hoort in het css bestand van het thema. De status van een hyperlink word bepaald door de browser. Die instellingen van de browser kan je weer gebruiken voor een bepaling in je css.
In het originele menu staat voor de blauwe kleur dit

ul#menu-who-we-are-menu-en li.current-menu-item a {
    color: #002d73;
}

gedeclareerd om te zorgen dat de hyperlink blauw kleurt.
Nu wil jij dat ook bij jouw eigen gemaakte menu ook die kleur komt en eigenlijk zou dan dit

a:active{
    color: #002d73;
}

genoeg moeten zijn. Maar dan is iedere hyperlink die actief is blauw en dat willen we nu ook weer niet. Dus zoeken we naar een class of id die gebruikt word om te vertellen dat we aan de zijkant zitten van de pagina en ons bezig houden met het menu.
Dan kom ik uit op het id menu-sidebar-services en zou de declaratie zo worden

#menu-sidebar-services a:active {
    color: #002d73;
}

Die code plaats je dan in een apart css bestand die als laatste moet worden ingeladen.
Succes.

Volgens mij kan je deze vraag beter in dit https://nl.wordpress.org/support/forum/algemeen/ gedeelte van dit forum plaatsen.