• Opgelost WoutervBraak

    (@woutervbraak)


    Hoi,

    Heeft iemand enig idee hoe je de onderstreping van je blogtitel kan weghalen op de homepage van je blogpagina?

    Het moet wel een link blijven, maar niet onderstreept.
    Als je het artikel opent is de blogtitel niet meer onderstreept.

    Ik voeg wat code toe.

    /* =Links
    ————————————————————– */
    a: {
    color: #050DFF;
    font-weight: 400;
    text-decoration: none;
    }

    a:link {
    text-decoration:underline;
    color: ##050DFF;
    }
    a:visited {
    text-decoration:underline;
    }
    a:hover {
    text-decoration:underline;
    }

    ::selection {
    background: #999;
    color: #fff;
    text-shadow: none;
    }

    /* =Forms

    Hoop dat jullie me kunnen helpen.

    Groet,
    Wouter

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Hoi Wouter,

    Plaats voortaan aub code tussen backticks dat voorkomt problemen voor de forum website.

    Wat is de URL van je website?
    Welk Theme gebruik je?

    Thread starter WoutervBraak

    (@woutervbraak)

    Hoi wp ginfo,

    Dank voor de tip.
    Ik zal het onthouden.

    Mijn site heet http://www.duw.me
    Ik gebruik het thema responsive.

    Wouter

    .post-title {
        text-decoration: none !important;
        }

    Voeg bovenstaande code toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    Heb je nog geen childtheme?

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    5. Activeer het childtheme.
    6. ==

    7. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    == == == Extra
    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of een andere webdeveloper plugin / add-on.

    Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren etc. aanpassen.

    Thread starter WoutervBraak

    (@woutervbraak)

    Ik snap je punt maar ik vroeg iets anders.

    Heb je een idee hoe ik de onderlining van de blogberichtek kan uitschakelen? mijn ccs ziet een blogtitel als een link en wordt dus ondertiteld. Logisch.

    Hoe kan ik deze underlining uitschakelen zonder dat de underlining van de externe links in de blogberichten verdwijnt?

    Groet

    Dat gaat het best als de links die je wilt onderstrepen een ander class hebben dan de blogtitle.

    Dan kan je namelijk eenvoudig beide van een eigen opmaak voorzien.

    h1.post-title {
        text-decoration: none !important;
        }

    Kijk of bovenstaande wil werken zoals je bedoelt.

    Thread starter WoutervBraak

    (@woutervbraak)

    Nee, het werkt niet.

    Heb jouw code toegevoegd aan mijn css. Kan je mij vertellen in welk bestand ik deze class moet maken?

    Het gaat er om dat de blog.php een link weergeeft om de pagina te kunnen openen. Hij moet dus inderdaad een andere class aanroepen die niet onderstreept is maar wel een link is.

    Als je GEEN childtheme gebruikt [=riskant], zorg dan dat de nieuwe code ONDERAAN de style.css wordt toegevoegd !belangrijk.

    Thread starter WoutervBraak

    (@woutervbraak)

    Net geprobeerd.
    Werkt ook niet.

    Nu staan ook de titels supergroot op de blogpagina.
    Krijg ik zo even niet weg.

    Jouw code is ondertussen verwijderd.
    Hij gaat alleen maar uit van de a:link en daarom geeft ie een underlining. Ik kan de underlining van de blogtitel in css wel uitschakelen maar ik denk dat we het op een andere manier moeten veranderen…

    Thread starter WoutervBraak

    (@woutervbraak)

    Het is me nu gelukt dmv. onderstaande code.

    ‘a: {
    color: #050DFF;
    font-weight: 400;
    text-decoration: underline;
    }
    .post-title a:link {
    text-decoration: none;
    }
    .post-entry a:link {
    text-decoration:underline;
    color: #050DFF;
    }
    .post-entry a:visited {
    text-decoration:underline;
    }
    .post-entry a:hover {
    text-decoration:underline;
    }’

    Het gaat om de .post-title a:link. Toen deze erin gezet werd verdween de underline.

    Bedankt voor je tijd en ik zal je advies over het childtheme opvolgen.

    Groet
    Wouter

    Goed gedaan.

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘Underline van blogtitel weghalen’ is gesloten voor nieuwe reacties.