Support » CSS / opmaak vragen » Border om een bepaalde Afbeelding

  • Opgelost mamekedi

    (@mamekedi)


    Hoe kan ik een border plaatsen om een afbeelding in wordpress 5.4
    Als ik de onderstaande code gebruik in de customizer bij extra css

    img {border: 11px solid #000000;}

    krijgen alle afbeeldingen een border, dat is niet de bedoeling.

    ik heb al geprobeerd om een extra css aan te maken b.v. my-image en deze te verwijzen vanuit afbeelding , toch gaat er ergens iets niet goed.

    Graag jullie hulp.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Als ik het via een html-blok doe dan lukt het me wel.

    <center><img src="/wordpress/wp-content/uploads/2020/04/bose_headphone-1.png" alt="afbeelding" width="284" height="418" style="border:2px solid #1e73be"></center>

    maar dat wil ik eigenlijk niet.

    • Deze reactie is gewijzigd 1 maand, 3 weken geleden door mamekedi.
    • Deze reactie is gewijzigd 1 maand, 3 weken geleden door mamekedi.

    Om specifieke afbeeldingen een border te geven dien je te kijken naar waar de afbeelding in zit, oftewel de afbeelding zijn container.

    Heb je bijvoorbeeld deze structuur in je HTML:

    <div class="image-holder">
        <img src="//een-url-van-een-afbeelding.jpg" alt="afbeelding alt" />
    </div>

    Dan kun je deze via CSS op de volgende manier stylen:

    .image-holder img {
        border: 2px solid #1e73be;
    }

    Dit zorgt ervoor dat afbeeldingen die zich binnen je ‘image-holder’ class bevinden een border van 2 pixels krijgen met de kleur #1e73be.

    Oke Dank je wel ik ga er mee aan de slag

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