Support » CSS / opmaak vragen » kleuren van afbeelding toont anders

  • Goedemorgen,

    Ik heb in photoshop headers gemaakt met de kleuren die ik graag op mijn site wil.
    Het is gewoon een balk in 1 kleur. echter als ik deze toevoeg als uitgelichte afbeelding dan is het op de site een hele andere kleur. ik heb al verschillende kleur codes geprobeerd.
    Ik gebruik thema Blossom Shop.

    alvast bedankt!

    Mvg
    Melissa

    • Dit onderwerp is gewijzigd 1 maand, 1 week geleden door melissaslot.
7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Heb je toevallig niet de afbeelding/foto in Photoshop op CMYK kleuren staan, en niet op RGB?

    Thread starter melissaslot

    (@melissaslot)

    https://www.melissavantslotart.nl/

    RGB of SMYK maakt niks uit.
    heb even de linkt toegevoegd. onder is de kleur die het moet zijn. zelfde kleurcode.

    • Deze reactie is gewijzigd 1 maand, 1 week geleden door melissaslot.
    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ik zou je vooral afraden er een afbeelding voor te gebruiken, maar gewoon met CSS een kleur te geven?

    .page .site-content > .page-header::before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    Deze code is actief op je header en maakt het dus 50% zwarter, daarom zie je het donkerder.

    Thread starter melissaslot

    (@melissaslot)

    Maar het is de uitgelichte afbeelding van de pagina. ik moet daar toch een afbeelding toe kunnen voegen ongeacht wat er op de afbeelding staat.

    anders staat er de standaard uitgelichte afbeelding en heeft mn pagina geen naam.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ah sorry, ik dacht dat je gewoon 1 kleur als header wou, dan ging ik dus adviseren gewoon een kleur met CSS in te stellen, was even niet duidelijk.

    Maar dus ga je in je thema instellingen ergens moeten kijken naar de instellingen en opmaak, want de code die ik je eerder gaf zorgt voor de donkere doorzichtigheid over de foto heen.

    Thread starter melissaslot

    (@melissaslot)

    oke dus ik moet gaan speuren waar die code staat en de 0.5 een 0 maken?

    • Deze reactie is gewijzigd 1 maand, 1 week geleden door melissaslot.
    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Ja of overschrijven met eigen CSS via Weergave > Customizer > Extra CSS:

    .page .site-content > .page-header::before {
    background: none;
    }
7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)