• Rinaldoklein

    (@rinaldoklein)


    Goedendag,

    Als ik op mijn webshop producten in de “actie” zet dan komt de zogenaamde promo knop bij het product. Dit is natuurlijk allemaal prima. Maar als ik mijn menu dan open dan blijft de promo knop over het menu heen staan.
    Weet iemand waar ik dit moet aanpassen?

    de website BNH-Beauty

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Thread starter Rinaldoklein

    (@rinaldoklein)

    iemand een idee??

    span.onsale {
    z-index: 1;
    }

    toevoegen aan je CSS lost het waarschijnlijk op.
    of in je style.css op regel 410
    z-index: 999; aanpassen naar z-index: 1;

    Thread starter Rinaldoklein

    (@rinaldoklein)

    Perfect bedankt!
    Weet je ook heel toevallig waar ik de promoknop zelf kan vinden want wil ipv een promoknop actieknop maken, alleen kan nergens vinden waar de promoknop staat ?

    mvg

    de promo knop is geen afbeelding maar een stukje opmaak in de style.css
    het is de class .onsale op regel 388

    Thread starter Rinaldoklein

    (@rinaldoklein)

    Ow oke ik zie het, dus eigenlijk kan ik alleen het uiterlijk van de knop opmaken en niet zelf een knop maken en deze overschrijven?

    Eigen knop als achtergrond kan, maar waarom met een afbeelding doen als CSS kan?
    Als je een rode knop met een groene rand wil :
    background: #ff0000;
    border: 1px solid #00ffff;

    Maar wil je een afbeelding gebruiken dan het volgende:

    span.onsale {
      z-index: 1;
      width: 00px; <!--- breedte van je knop ---!>
      height : 00px; <!--- hoogte van je knop ---!>
      background: url(images/jeknopje.png);
    }

    margin is uiteraard wellicht een goede toevoeging

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Het onderwerp ‘Promoknop’ is gesloten voor nieuwe reacties.