[Résolu] Ombrage sur une page

  • WordPress :4.9.4
  • Statut : résolu
8 sujets de 1 à 8 (sur un total de 8)
  • Auteur
    Messages
  • #2135035
    JPB
    Participant
    Initié WordPress
    12 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : Version : <span class= »version »>4.6.3</span>
    • Thème utilisé : mh-magazine-lite
    • Extensions en place : BackupWordPress, Custom Login Page Customizer, File Manager, Frontend Uploader, Google Analytics, Nextgen Gallery, Sticky Menu, TinyMCE, Unique Headers, WIdget Logic, WOW Slider, Wp Maintenance, WPS Limit Login
    • Nom de l’hébergeur : Online.net
    • Adresse du site : shdb.fr

    Problème(s) rencontré(s) :  Voilà, je désirerai mettre une ombre portée soit sur la page d’accueil, soit sur certains widgets.

    Pour se faire dans mon thème enfant j’ai mis un bout de code CSS :

    #ombre{
    -webkit-box-shadow: 3px 5px 8px #aaa;
    }

    J’appelle ce code avec une balise div :

    <div id= »ombre »> ICI LE CONTENU DE MA PAGE OU DE MON WIDGET</div>

    Résultat : j’ai bien une ombre mais uniquement en bas et pas à droite.

    Auriez-vous une petite idée de ce qui ne va pas ?

    Merci beaucoup

    #2135051
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    Bonjour.

    Je viens de tester différemment, en utilisant une classe, ça fonctionne sur Twenty Seventeen mais pas sur ton thème, il doit bloquer quelque part.

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2135909
    JPB
    Participant
    Initié WordPress
    12 contributions

    Bonjour

    Après de multiples essais, j’ai obtenu une ombre portée sur la page entière (en sélectionnant dans la partie Attributs de page -> Modèle -> Full width)  mais ce n’est pas l’effet désiré.

    Il y a peut-être quelque chose qui ne va pas au niveau de la structure en CSS (margin ?)

    Merci de votre aide

    #2135944
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    Bonjour.

    Je ne comprends pas bien où tu veux appliquer cette ombre, fais un schéma et envoies-le.

    🙂

    #2136024
    JPB
    Participant
    Initié WordPress
    12 contributions

    Bonjour

    Voilà en image.

    Ce que j’ai en faisant un affichage pleine page (mais alors pas de widgets !) et ensuite ce que je voudrais mais en pouvant afficher mes widgets.

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2136146
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    Bonjour.

    Essaies comme ça

    .mh-wrapper {
        padding: 25px;
        background: #fff;
        box-shadow: -10px -10px 10px  grey inset;
    }

    🙂

    #2136329
    JPB
    Participant
    Initié WordPress
    12 contributions

    Bonjour

    Ce n’est pas ce que je voulais, mais cela donne un bel effet à  toutes mes pages. Je crois que je vais garder et peut-être en rester là

    Je ne sais pas si on peut marquer le sujet comme résolu ?

    Merci

    #2136673
    PhiLyon
    Modérateur
    Maître WordPress
    20340 contributions

    Bonjour.

    C’est toi qui vois, c’est en haut à gauche de cette page.

    🙂

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