Support » Thema en CSS/opmaak » Astra theme : verschil in logo titelstijl op home page en alle andere pagina’s

  • Opgelost flupp

    (@flupp)


    Ik ben een WordPress newbie en gebruik het Astra thema. Nu merk ik dat de website titel in het logo (in de header) een andere stijl heeft op de home page vergeleken met die op alle andere pagina’s.

    Hoe krijg ik die gelijk ? Ik meen te merken dat de website titelstijl op de home page de H1- stijl is (in mijn geval “capitalised”), terwijl de website titelstijl op de andere pagina’s de “gewone” – default – stijl is (niét “capitalised”).

    Indien ik in PHP of in CSS iets zou moeten aanpassen, dan wil ik dit het liefst zo robuust mogelijk houden (maw liefst blijft het werken indien ik het theme of het hele wordpress framework update…)

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Thread starter flupp

    (@flupp)

    Hallo,

    Ik krijg blijkbaar niet teveel reacties. Het lijkt mij nochtans dat dit voor een WordPress gebruiker met enige ervaring een redelijk eenvoudige vraag is.

    Hoe dan ook, ik ben er intussen achter gekomen dat de 2 (verschillende) stijlen waarover ik het heb de volgende zijn : h1.site-title (getoond op de home page) en span.site-title (getoond op de andere pagina’s).

    Ik zou die stijlen gelijk willen krijgen, hetzij via css, hetzij via PHP-code. Hoe krijg ik dit voor elkaar ? Als ik al weet hoe WordPress ertoe komt om die stijlen toe te kennen, geraak ik misschien ook op weg …

    Alvast bedankt !

    Guido

    (@guido07111975)

    Hallo,

    Soms duurt het even voordat je reactie krijgt. En als je dan zelf gaat reageren, wordt de kans zelfs kleiner dat je nog reactie krijgt omdat je topic dan niet meer in het rijtje “Onderwerpen zonder reacties” staat.

    Omdat je zelf de kopjes kunt instellen via de Customzier in je dashboard, is het handig om even een link naar je website te geven, zodat we kunnen zien hoe het nu staat ingesteld.

    Guido

    Thread starter flupp

    (@flupp)

    Hallo, Guido,

    Bedankt voor uw reactie. Echter, mijn site staat momenteel enkel op mijn computer (“localhost”), ik werk met een Xampp installatie. Kan het helpen als ik de beide betreffende html-fragmenten post ?

    Of misschien kan ik iets duidelijker zijn vwb de stijlen : WordPress gebruikt de h1.site-title stijl (enkel) op de homepage, en die komt met een text-transform instelling “uppercase”. Dit is inderdaad de stijl die ik instelde voor de headerstijl H1.

    Daarentegen gebruikt WordPress voor het identieke logo en de identieke site title tekst voor de andere pagina’s (die óók in het hoofdmenu staan !) de stijl span.site-title. Die komt dan weer niét met de instelling “uppercase”, en ik zou niet weten waar ik die apart zou kunnen ingesteld hebben (dat heb ik ook niet, tenzij mijn base-font instellingen die overal op de site geldt.

    De HTML op de homepage :

    <h1 class="site-title" itemprop="name">
      <a href="http://localhost/wordpress/" rel="home" itemprop="url" >De intelligente tools voor uw KMO
      </a>
    </h1>

    De HTML op de niét-homepage pagina’s :

    <span class="site-title" itemprop="name">
      <a href="http://localhost/wordpress/" rel="home" itemprop="url" >De intelligente tools voor uw KMO
      </a>
    </span>
    • Deze reactie is gewijzigd 4 maanden geleden door flupp.
    Guido

    (@guido07111975)

    Hoi,

    Ik denk dat de site-titel alleen op de homepagina H1 is omdat de homepage berichten (blog) weergeeft, die elk een H2 hebben. Op de andere pagina’s heeft de pagina-titel al een H1, wat gangbaar is.

    Om de site-titel overal met hoofdletters weer te geven, voeg dit eens toe op pagina Extra CSS van de Customizer in je dashboard:

    
    .site-title {text-transform:uppercase;}
    

    Guido

    Thread starter flupp

    (@flupp)

    Hallo,

    Dit geeft het verwachte resultaat, inderdaad ! Dank je heel hartelijk !

    sudolea

    Guido

    (@guido07111975)

    Mooi zo, en graag gedaan!

    Guido

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)