changer le visuel du flux d’articles sur la page blog + header fixe (Créer un compte)

  • WordPress :4.9.4
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2174740
    Ellaurenzovfoot
    Participant
    Chevalier WordPress
    224 contributions

    Bon matin à tous et merci d’avance du temps de lecture que vous ferez,

    Ma configuration WP actuelle

    • Thème utilisé : Twenty seventeen
    • Adresse du site : lanoya.ca

    je suis en train de faire un site pour un ami, après bien des essais de thèmes, je me suis retrouvé à vouloir celui qui était présent depuis le début, Twenty Seventeen. Je parcours le net afin de faire des modifications via un thème enfant que j’ai fait. Pour l’instant je m’en sors pas trop mal, sauf pour deux choses.

    Header fixe

    Dans le thème enfant initiale, et normalement celui de base également, le header est fixe, tout fonctionnement jusqu’il y a quelques heures il ne l’est plus. J’ai essayé d’enlevé ce que j’avais ajouté, mais je n’ai pas vu de changement. (la cache de mon firefox me fait aussi misère parfois) et j’aimerais savoir qu’est-ce qui pourrait faire que celui-ci ne le soit plus. J’ai configuré la page d’accueil statique pour en faire un thème one page, et j’ai fait en sorte d’agrandir la partie du contenu, j’ai essayeé de chercher par là, mais sans résultat.

    Présentation du flux d’article

    Une des dernières choses qui me reste à trouver, c’est comment rendre la présentation du flux d’article que j’ai mis en bas du site, plus jolie. Comme j’ai mis en deux colonnes, cela fait un peut vite. Je me demandais s’il n’y avait au moins un peu de CSS que je pourrais mettre afin de rendre cela plus jolie. Ou un plugin, mais j’ai l’impression que pour gérer ce cas là ce ne soit pas forcément possible.

    Fond d’écran

    Et tant qu’à écrire, je recherche un peu, mais sans résultat probant, est-ce possible de rajouter un fond d’écran sur la page d’accueil statique qui ne serait visible que lorsque ce sera la partie contenu qui défilera? J’ai mis une partie CSS dans mon theme enfant, mais cela ne fonctionne pas.

     

    La feuille CSS de mon thème enfant

    /* Force sticky navigation into position */
    #page-header {
      margin-bottom: 0 !important;
    }
    @media screen and (max-width: 48em) {
      .has-header-image.twentyseventeen-front-page .site-branding,
      .has-header-video.twentyseventeen-front-page .site-branding,
      .has-header-image.home.blog .site-branding,
      .has-header-video.home.blog .site-branding {
        bottom: 0;
        display: block;
        left: 0;
        height: auto;
        padding-top: 0;
        position: absolute;
        width: 100%;
      }
    }
    /* Force header image to full height */
    #custom-header-media {
      height: 100vh;
      max-height: 100%;
      overflow: hidden;
      position: relative;
    }
    
    /*full width of the front page , welll 80% ;) */
    .wrap {
    	/* margin-left: auto; */
    	/* margin-right: auto; */
    	max-width: 80%;
    	/* padding-left: 2em; */
    	/* padding-right: 2em; */
    }
     
    @media screen and (min-width: 48em) {
    	.wrap {
    		max-width: 80%;
    		/* padding-left: 3em; */
    		/* padding-right: 3em; */
    	}
    }
     
    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    	/*margin-left: auto;*/
    	/*margin-right: auto;*/
    	max-width: 80%;
    }
    
    @media screen and (min-width: 30em) {
    	.page-one-column .panel-content .wrap
    	{
    		max-width: 80%;
    	}
    }
    
    .site-title, .site-title a {
    color: white !important;
    font-family: cursive !important;
    font-size: 100px !important;
    position: relative !important;	
    }
    
    body.has-header-image .site-description, body.has-header-video .site-description {
    color: #fff;
    opacity: 0.8;
    font-family: cursive !important;
    font-size: 23px;
    }
    
    /* chnager largeur barres latérales */
    @media screen and (min-width: 48em) {
      .has-sidebar:not(.error404) #primary {
        width: 65%;
      }
      .has-sidebar #secondary {
        width: 31%;
      }
    }
    
    /* égaliser celles du footer */
    @media screen and (min-width: 48em) {
      .site-footer .widget-column.footer-widget-1,
      .site-footer .widget-column.footer-widget-2,
      .social-navigation, .site-info {
        width: 47%;
      }
    }
    
    /* change le fond du footer */
    #colophon {
    	border: 1px solid;
        padding: 10px;
        box-shadow: 5px 10px #888888;
    	background: whitesmoke;
    	opacity: 0.7;
    }
    #colophon * {
    color: black !important;
    }
    
    .page #content {
    padding-top: 13px !important;
    }
    
    /* taille contact form */
    div.wpcf7 { 
    	size: relative;
    	border: 1px solid;
        padding: 10px;
        box-shadow: 5px 10px #888888;
    }
    input[type=text], #respond textarea, .post-password-form input[type=password], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
        align-content: center;
    	width: 65%;
        margin-bottom: 24px;
        padding: 17px 30px;
        border: 1px solid #ccc;
        outline: focus 0;
        font-size: 15px;
        color: #797979;
        font-family: "Crimson Text",serif;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /* fodn d'écran */
    body
    {
    background-image:url('http://lanoya.ca/wp-content/uploads/2018/07/9a1339ebe8a2bce3a780983a0ca3b26d.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    }

    #2174911
    PhiLyon
    Modérateur
    Maître WordPress
    27956 contributions

    Bonjour.

    A ta place je sauvegarderais dans un coin tes modifs CSS, je supprimerais le thème enfant et en recréerais un propre.

    Après tu réinsères tes modifs une par une pour voir laquelle annule le menu fixe du thème.

    🙂

    #2175024
    Ellaurenzovfoot
    Participant
    Chevalier WordPress
    224 contributions

    Bonjour,

    je viens d’essayer et à ma grande surprise, même avec le thème neuf, ça ne fonctionnait pas. J’ai même désactivé tous les widgets pour voir s’il n’y avait pas de conflit, pas de résultat. Je vais peut-être devoir rajouter un bout de code finalement :-/ Ce qui est drôle c’est que lorsque je rafraichis, qu’importe où je sois sur la page, le menu apparaît en haut de l’écran, dès que je scroll un peu, il disparaît.

    • Cette réponse a été modifiée le il y a 3 années et 2 mois par Ellaurenzovfoot.
    #2175026
    PhiLyon
    Modérateur
    Maître WordPress
    27956 contributions

    Et le thème parent Twenty Seventeen, tu l’a réinstallé ?

    🙂

    #2175027
    Ellaurenzovfoot
    Participant
    Chevalier WordPress
    224 contributions

    je viens d’essayé, mais sans résultats :-/  merci des conseils 🙂

    #2175041
    PhiLyon
    Modérateur
    Maître WordPress
    27956 contributions

    Vérifies/optimises ta base de données, elle garde les anciens réglages.

    🙂

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