Ondersteuning Volgende » CSS / opmaak vragen Volgende » tekstbalk inkorten of verwijderen

  • Opgelost aldrenth

    (@aldrenth)


    Ik heb onlangs een site laten maken voor mijn timmerbedrijf.
    Ik wil hem echter zelf kunnen besturen maar loop tegen iets aan wat mij stoort.
    Op mijn site loopt een slide show op de startpagina, in deze slideshow vanaf de 2de foto staat een stukje tekst in een grijs gekleurd balkje.
    Echter dit balkje is veel langer dan het stukje tekst waardoor hij door mijn foto heen staat.
    Dit stukje tekst staat ingevuld bij berichten/samenvatting.
    Is deze balk in te korten? en zo niet weg te halen dat ik dan de tekst aanpas qua kleur aan de afbeelding?
    alvast bedankt.
    Alex

    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)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Hoi @aldrenth,

    Dat zou je bouwer jou ook kunnen vertellen maar dit is de CSS die er achter zit:

    .flex-caption .excerpt {
        background: rgb(59, 59, 59);
        background: rgba(59, 59, 59, 0.8);
        display: block;
        color: #ddd;
        max-width: 600px;
        padding: 12px 20px;
    }

    Als je daar dus de max-width aanpast naar bvb. een percentage kan je dat uitzoeken hoe breed/smal je het wilt.

    Succes.
    Jeroen

    Hoi Jeroen,

    Dat is een duidelijk verhaal maar waar vind ik de CSS is dat ook te vinden in de linker menubalk van wp?
    Zoals gezegd ik ben timmerman en ben redelijk handig met de computer en wellicht met wat feedback kom ik hier uit.
    groet Alex

    Ik had ook even gekeken en het kan op zich wel maar dan dient de H2 titel (dus de titel boven het blokje wat je smaller wilt) wel 100% breed te zijn. Ingelogd in WordPress kun je naar ‘Weergave’ > ‘Customizer’ > ‘CSS’ gaan en daar aanvullende css toevoegen.

    Probeer dit eens en kijk of het beter is:

    .flex-caption h2 { display: block; }
    .flex-caption .excerpt { max-width: inherit; display: inline-block; }

    Gelukt zo te zien!

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