Support » Thema en CSS/opmaak » Uitlijnen “Lees verder” knoppen

  • Hoi allen,
    Ik ben nu een paar dagen bezig met mijn compleet vernieuwde site, en ben er erg blij mee op één puntje na.
    Ik heb 3 kolommen met blog onderwerpen. Bij elk onderwerp een fotootje, categorie, korte beschrijving en een “Lees verder” knopje.
    Nou is het zo dat de plugin wp-blog-and-widgets de blog posts plaatst en de korte beschrijving niet altijd even lang is als bij een andere post, waardoor ook het “Lees meer” knopje verspringt. Dat vind ik dus niet zo mooi!

    Wie heeft er een idee om de grillen van die knoppen (of max lengte van beschrijving) te temmen, zodat alles pixel-perfect staat uitgelijnd? Ik heb 75% van Google al gezien, van alles geprobeerd, support van de plugin gechat (die hebben geen idee) en ben dus aan het einde van wat ik zelf kan bereiken of verzinnen…
    Huidige eigen CSS bevat alleen kleurtjes en vormen, dus niet bijgevoegd. (Kan wel indien gevraagd)

    CSS mag, PHP ook, als het maar werkt!

    Alvast bedankt voor elk antwoord!
    Zodra dit is opgelost kan ik verder met m’n mopperblog! 😉

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

12 reacties aan het bekijken - 1 tot 12 (van in totaal 12)
  • Guido

    (@guido07111975)

    Hoi Bram,

    Ik stel voor om de content een minimale hoogte te geven.

    Voeg dit eens toe op pagina Extra CSS van de Customizer in je dashboard:

    
    .blog-short-content {min-height:175px;}
    

    En weer automatische hoogte als bericht een breedte van 100% heeft (in klein scherm dus):

    
    @media screen and (max-width:640px) {
      .blog-short-content {min-height:auto;}
    }
    

    Guido

    Thread starter bramvanmunster

    (@bramvanmunster)

    WERKT!
    Enkel staan de knopjes nou soms vrij ver van de short content… Als je dat nog weet, ben je de absolute held van de dag en stuur ik je een virtuele appeltaart!

    Guido

    (@guido07111975)

    Hoi Bram,

    Jij wilt alle knoppen op dezelfde hoogte. Dan is het gevolg dat er witruimte kan ontstaan tussen tekst en knop, behalve als de tekst overal even lang is. Dat is afhankelijk van jouw teksten, maar is natuurlijk erg lastig te bereiken.

    Guido

    Thread starter bramvanmunster

    (@bramvanmunster)

    Bestaat er ook een methode om de maximale lengte in karakters aan te geven voor de short description? Dat zou grenzen aan briljant…

    Guido

    (@guido07111975)

    Jawel, dat is mogelijk maar vergt een aanpassing van de plugin code. Welke plugin gebruik je voor dat blog dan?

    Guido

    Thread starter bramvanmunster

    (@bramvanmunster)

    Zie eerste omschrijving, dat is wp-blog-and-widgets en komt van deze mensen af: LINK

    Ze hebben wel gereageerd op m’n chat, maar wisten zelf niet hoe het op te lossen zou kunnen zijn…

    • Deze reactie is gewijzigd 4 dagen, 19 uren geleden door bramvanmunster.
    Guido

    (@guido07111975)

    Hoi,

    Oh ja, de WP Blog and Widget plugin. Dan zal die aangepast moeten worden, geen simpele klus. Wat misschien ook iets beter staat is dat je de tekst rechts/links uitlijnt:

    
    .blog-short-content {text-align:justify;}
    

    Ik merk trouwens dat je site nu offline is, lijkt te maken te hebben met een IP-blocker plugin die je gebruikt?

    Guido

    Thread starter bramvanmunster

    (@bramvanmunster)

    Die ‘justify’ ga ik testen…
    En het klopt dat sommige landen niet zijn toegestaan op de site, dus als je IP daar vandaan komt, bijvoorbeeld via VPN kom je er niet in. China, Rusland en India zijn uitgesloten omdat ze in 3 dagen meer dan 1.000 spam berichten hebben gepost in mijn blogs, en ze hebben niets te maken met een Nederlandse blog over (voornamelijk) Nederlands nieuws die in het Nederlands zijn geschreven. Verder is iedereen gewoon happy online! 🙂

    Ik hoop dat ik er ooit nog eens achter kom hoe ik de short-content kan temmen, via max-chars ging het al niet helaas… max-height gooit alles in de war, min-height + max-height verziekt de layout omdat short-content eigenwijzer is als ik… ( en dat zegt nogal wat… )

    Guido

    (@guido07111975)

    Die plugin maakt gebruikt van een standaard WordPress functie om de samenvatting te tonen, het is bij die functie mogelijk om het (maximaal) aantal woorden in te stellen maar niet het aantal karakters. Daarvoor zul je dus een eigen functie moeten schrijven.

    Guido

    Guido

    (@guido07111975)

    En het klopt dat sommige landen niet zijn toegestaan op de site, dus als je IP daar vandaan komt, bijvoorbeeld via VPN kom je er niet in.

    Je weet dat je site nu een foutmelding geeft, die door die plugin wordt veroorzaakt? Lijkt op een conflict met je thema of een andere plugin.

    Als je geen spam wilt, kun je ook de Akismet plugin overwegen.

    Guido

    Thread starter bramvanmunster

    (@bramvanmunster)

    Hey Guido, ik heb met online testers één en ander geprobeerd, zoals “hoe ziet mijn site er uit in andere browsers”-achtige sites, komt er overal door. Inmiddels heb ik het idee van de uitlijning even op een laag pitje gezet tot ik werkende code heb gevonden 😉

    Heb je toevallig verstand van blockquotes? Als ik 2 quotes op 1 pagina gebruik, zet hij de eerste keer een ” en de tweede keer een ‘ om onduidelijke redenen. Mocht daar een ander topic voor nodig zijn, zet ik een andere op…

    Guido

    (@guido07111975)

    Hoi,

    Ik heb je thema even geïnstalleerd maar bij mij precies hetzelfde probleem. Vreemd.
    Ik stel voor dat je een ticket opent op het support forum vd thema.

    Guido

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