Ondersteuning Volgende » CSS / opmaak vragen Volgende » link opmaak wijzigen

  • Opgelost dionnekathleen

    (@dionnekathleen)


    Hi iedereen,

    Als ik niets verander in css, dan worden mijn links getransformeerd naar een afwijkende lettertype. Mijn p tag is op dit moment roboto condensed en de a tag wordt dus zonder css ineens roboto.

    Ik heb de volgende code gebruikt:
    a {
    font-family: roboto-condensed-li;
    }

    Maaaaar, dan worden ook mijn menu items Roboto-Condensed en dat wil ik

      Niet

    .

    Ik bedacht toen dat ik de link tekst vetgedrukt kan maken en dan de code aanpassen naar:
    strong a {
    font-family: roboto-condensed-li !important;
    }

    Ik loop er dan tegenaan dat de link natuurlijk vetgedrukt wordt, dat wil ik dus ook niet.

    Hoe zorg ik ervoor dat de link tekst dezelfde lettertype blijft als mijn p tag, zonder dat menu items van lettertype veranderen?

    Ik hoop dat het duidelijk is. Zo niet hoor ik het graag!

    Groetjes,
    Dionne

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

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Je kunt de link die je wijzigt een andere opmaak geven door een eigen class mee te geven.

    .andereopmaak a:link {
    /* stijl */
    }

    zoiets
    <a class="andereopmaak"> link </a>

    Je bent de beste versie van jezelf hoor 🙂

    • Deze reactie is gewijzigd 1 maand geleden door  robelia.
    • Deze reactie is gewijzigd 1 maand geleden door  robelia.

    Wat Robelia zegt kun je doen, echter de CSS van Robelia bevat helaas een fout. Je zoekt met die CSS naar een link in een div met de class ‘andereopmaak’. Ook is de correcte schrijfwijze van een hyperlink Link waarbij het hekje symbool vervangen wordt door je link.

    Wat dus wel kan:

    <a href="#" class"andereopmaak">Link</a>

    
    a.andereopmaak{ color: red; font-family: 'Roboto Condensed',sans-serif; }
    /* hover en bij klik */
    a.andereopmaak:hover,
    a.andereopmaak:focus { color: green; background: red; }

    Als je links verder altijd binnen je content (paragraph) staan kun je ook deze targeten door een pad mee te geven aan je CSS. Bijvoorbeeld:

    body p a { color: red; font-family: 'Roboto Condensed',sans-serif; }

    De CSS van je thema is daarin wat ‘smerig’ gezien het de eigenschap “!important” misbruikt om stylen te overrulen. Niet zoals het moet maar soms de enige oplossing als het thema niet consistent is.

    dionnekathleen

    (@dionnekathleen)

    @geoclaps en @robelia

    Dank jullie wel. Het is gelukt met de body p a van Geoclaps.Ik moest hierbij helaas weer de !important gebruiken, anders doet hij het niet. Ik zal dit bij de thema ontwikkelaars aankaarten.

    De thema zorgt al een tijdje voor enige hoofdpijn. Maar, gaandeweg leer ik ermee om te gaan en ik kom er wel uit.

    Nogmaals bedankt!

    Oke, wat fijn om te horen.

    Graag gedaan en succes nog even!

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