CRÉER UNE OMBRE

  • WordPress :5.0.3
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2248221
    BM38
    Participant
    Padawan WordPress
    98 contributions
      • Version de PHP/MySQL : 7.2
      • Thème utilisé : bento
      • Extensions en place :
      • Nom de l’hébergeur : ovh
      • Adresse du site : revenuboursier.com
      • Ma configuration WP actuelle 5.1

    Problème(s) rencontré(s) : bonjour, j’aimerais rendre visible l’ombre du header qui se voit lorsqu’on scroll vers le bas et donner les mêmes caractéristiques que l’ombre du footer. comment faire svp ?

    #2248222
    momofr@free.fr
    Modérateur
    Maître WordPress
    2579 contributions

    Salut, il me semble que le thème utilise du Javascript pour gérer cet ombrage (via une règle CSS), pas simple.

    #2248226
    BM38
    Participant
    Padawan WordPress
    98 contributions

    en fait j’aimerais faire la même ombre qu’en bas. j’ai mis pourtant le même code mais ça ne fait pas le même effet :

    .site-header
    {
    box-shadow: 6px 6px 20px black;
    }

    .site-footer
    {
    font-size: 0.8em;
    text-transform: lowercase;
    box-shadow: 6px 6px 20px black;
    text-align: center;
    }

    Savez vous pourquoi ?

    #2248230
    PhiLyon
    Modérateur
    Maître WordPress
    23528 contributions

    Bonjour.

    En fait l’ombre est là, mais elle n’apparait qu’au scroll.

    🙂

    #2248232
    BM38
    Participant
    Padawan WordPress
    98 contributions

    oui mais justement j’aimerais qu’elle apparaisse avant le scroll. comment faire ?

    #2248235
    PhiLyon
    Modérateur
    Maître WordPress
    23528 contributions

    Tu as mis le site en maintenance, essaies comme-ça

    .site-header, .header-default .site-header.fixed-header, .header-side .site-wrapper {
      position: relative;
      box-shadow: 6px 6px 20px black;
    }

    🙂

    #2248306
    BM38
    Participant
    Padawan WordPress
    98 contributions

    merci mais ça a rajouté un menu en bas… comment faire stp ?

    #2248310
    PhiLyon
    Modérateur
    Maître WordPress
    23528 contributions

    Bonjour.

    Laisses simplement ça alors

    .site-header, .header-default {
    	position: relative;
      box-shadow: 6px 6px 20px black;
    }

    🙂

    #2248311
    BM38
    Participant
    Padawan WordPress
    98 contributions

    super merci ça marche. par contre j’aimerais le même effet que dans le footer. pourquoi est ce different ?

    #2248331
    PhiLyon
    Modérateur
    Maître WordPress
    23528 contributions

    Essaies comme ça

    .site-header, .header-default {
    	position: relative;
      box-shadow: 0px 10px 10px black;
    }
    
    .site-footer {
    	box-shadow: 0px -10px 10px black;
    }

    🙂

    #2248335
    BM38
    Participant
    Padawan WordPress
    98 contributions

    merci ça marche !

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.