Ondersteuning » Thema en CSS/opmaak » logo kleur weergave mobiel + hoofdletters in kopvakken

  • Betreft Astra Thema, logo’s (in hexa codes ontworpen) kleuren anders op mobiel dan op desktop, b.v. blauwgroen wordt fel groen en paars wordt bordeaux op b.v. de homepagina. Ook in de menuheader en footer. Tevens bij gebruik in balken op de pagina.

    Daarnaast zou ik graag zelf bepalen of ik wel of niet de woorden in een kopvak met hoofdletters schrijf of niet. Nu wordt dat door het starter template bepaald (naam template: Diagnostics Lab Site).

    Verder heb ik nog wat hardnekkige verplaatsingsverschijnselen bij het responsive maken van de website. Op scherm is het dan o.k. maar kijk je op de site is het (weer) versprongen (b.v. home pagina tekst gaat omhoog en logo omlaag)

    Ben een absolute digibeet, what to do?

    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)
  • Hoi,

    Ik heb een iPhone en zie geen duidelijke kleurverschillen ten opzichte van mijn PC-scherm.

    Welke tekst wil je in hoofdletters? Dat is waarschijnlijk met wat eigen CSS wel te regelen.

    Uitgebreide thema’s zoals Astra en een plugin zoals Elementor hebben erg veel eigen CSS-code om de (vele) verschillende elementen van je website er in alle soorten schermen zo goed mogelijk uit te laten zien. Dat betekent dat als iets toch niet bevalt in een bepaald scherm, het erg lastig is om dit met eigen CSS te fixen. Je loopt dan ook de kans dat een andere element weer minder goed weergegeven wordt.

    Guido

    Thread starter amdikkenberg

    (@amdikkenberg)

    Hoi Guido,

    Dank je wel voor de duidelijke info. Op een iphone is het niet gechecked maar op diverse androids die ik gezien heb is er behoorlijk kleurverschil te zien. Heb even diverse websites bezocht en gekeken naar hoe hun mobiele weergave was en ze verschillen idd qua kleurweergave. KLeuren zijn vaak intenser op mobiel en afgezwakt op desktop. Of het ligt aan mijn Acer, dat kan ook. Dan zou ik wel graag willen weten welke hexacodes voor turquoise en donkerpaars het goed doen op alle schermen zonder dat het appeltjesgroen en bordeaux wordt. Heb al veel tinten geprobeerd. Anders moet ik de kleuren in mijn logo’s gaan veranderen c.q. nieuwe logo’s gaan maken en eigenlijk wil ik dat niet.

    Voor wat betreft de hoofdletters, eigenlijk in alle kopvakken die nu een opmaak kennen van waarbij alle woorden met een hoofdletter beginnen. Wanneer er een generale css code voor is die ik dan toe kan kennen aan dat kopvak verneem ik die graag!

    Anne

    Thread starter amdikkenberg

    (@amdikkenberg)

    Overigens stoorde mij het niet zo maar bij alle mensen die ik om feedback vroeg stoorden de hoofdletters. Dus wil ik mensen aantrekken en niet afstoten moet ik er wat mee denk ik.

    Hoi,

    Voor zover ik kan nagaan kun je vrijwel overal zelf hoofdletters invoeren en wordt dat ook zo weergegeven, behalve de homepage kop “Welkom bij.. etc”. Om dit volledig hoofdletter te maken, voeg dit toe op pagina Extra CSS van de Customizer in je dashboard:

    
    .home .entry-content h2 {text-transform: uppercase;}
    

    De opbouw van die kop ziet er trouwens wel rommelig uit, lijkt te bestaan uit verschillende H2 elementen.

    Guido

    Wat kleurverschil betreft, ja dat kan zeker liggen aan het beeldscherm. En daar is natuurlijk niets aan te doen, los van de instellingen van het betreffende apparaat.

    Guido

    Thread starter amdikkenberg

    (@amdikkenberg)

    Bedankt weer Guido voor de info en ik kijk even naar de elementen die je beschrijft. Overigens gaat het om dat ik van de hoofdletters juist kleine letters wil kunnen maken en deze nu standaard elk nieuw woord in de kop met een hoofdletter maakt. Ik neem aan dat ik dan i.p.v uppercase lowercase schrijf?

    Alvast bedankt!

    Anne-Margreet

    Ik neem aan dat ik dan i.p.v uppercase lowercase schrijf

    Klopt.
    Ter info: in de CSS vh thema was toegevoegd dat elke 1e letter vd betreffende kop een hoofdletter moet zijn.

    Guido

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Het onderwerp ‘logo kleur weergave mobiel + hoofdletters in kopvakken’ is gesloten voor nieuwe reacties.