changer le visuel du flux d'articles sur la page blog + header fixe

WordPress :4.9.4
Statut : non résolu

Ce sujet contient 5 réponses, 2 participants et a été mis à jour pour la dernière fois par PhiLyon, le il y a 4 années et 6 mois.

6 sujets de 1 à 6 (sur un total de 6)

Auteur

Messages
20 juillet 2018 à 0 h 12 min #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;
}
```
20 juillet 2018 à 13 h 30 min #2174911

PhiLyon
Modérateur

Maître WordPress
28277 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.

🙂

20 juillet 2018 à 18 h 48 min #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 4 années et 6 mois par Ellaurenzovfoot.
20 juillet 2018 à 18 h 52 min #2175026

PhiLyon
Modérateur

Maître WordPress
28277 contributions

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

🙂

20 juillet 2018 à 19 h 00 min #2175027

Ellaurenzovfoot
Participant

Chevalier WordPress
224 contributions

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

20 juillet 2018 à 20 h 42 min #2175041

PhiLyon
Modérateur

Maître WordPress
28277 contributions

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

🙂
Auteur

Messages