28172 sujets

CSS et mise en forme, CSS3

CSS Wordpress

Bonjour à tous,

J'essaye d'aider une amie qui a un blog wordpress, elle voudrait que je lui personnalise un thème gratuit. Sauf que le CSS est payant Smiley rolleyes , bref j'essaye tant bien que mal à élargir la zone "bleu" mais je n'y arrive pas.
Je me suis mis des couleurs pour mieux visualiser mais rien à faire... ça fait un p'tit moment que j'ai pas touché au CSS je suis un peu rouillé Smiley bawling et je voudrais un peu d'aide.

Le site est là : https://housseconcept.com/
Pour le moment le CSS n'est pas visible car je ne fait qu'essayer via le programme de test avant qu'elle paye l'abo annuel pour avoir l'accès CSS

Comment faire pour élargir la zone verte et l'avoir aussi large que la zone jaune.
Sachant que je n'ai accès que au CSS visiblement. (donc pas à la structure)

http://img15.hostingpics.net/pics/268458001.jpg 

 img { 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px; 
}

#page { }
#primary-menu { }
#content {
 background-color:red;
    border: 1px solid blue; } 

#primary 	
{  background-color:yellow;
   border-radius: 20px;
 } 
 
#post-72 { 
border-radius: 20px;
box-shadow: 0 25px 100px rgba(0, 0, 0, 0.9); 
background-color:blue;
   } 

.entry-content 
{	 
margin: 10px;
background-color:green;
  }

Modifié par Julien64 (19 Sep 2016 - 23:05)
Modérateur
Salut,

Je ne comprend pas bien le truc du CSS payant mais bon il est tard j'ai peut etre lu de travers Smiley langue
Le truc qui bloque c'est que la partie bleu fait 800px au max. C'est pas très propre mais un :
#main article {
    max-width: 100%;
}

devrait enlever la limitation à 800px et régler ton soucis.
tu a besoin du #main avant le "article" pour donner un poids supérieur à ton sélecteur et ainsi l'overider.

Bonne soirée
Hello,

Il faut surcharger la règle CSS suivante :
body:not(.single) .format-standard, body:not(.single) .format-chat, .search .type-page { 
max-width: 800px;
 }

Tu peux remplacer la valeur actuelle (800px) par auto ou par la valeur de ton choix. Ou supprimer tout simplement la déclaration max-width: 800px.

Cela étant dit, un thème avec les modifications CSS payantes, ça n'existe pas.
C'est plutôt l'accès à la fonctionnalité d'ajout de styles depuis le back-office qui est payante je pense Smiley cligne

Tu est toujours libre de modifier les appels à la feuille de styles existante pour ajouter ta propre feuille de styles visant à remplacer celle du thème ou à la surcharger. Cependant, tu te coupe alors de la possibilité de mettre à jour le thème puisque tes modifications seraient alors écrasées. Il est par contre possible de tout simplement créer un thème enfant (cf documentation WP) sur lequel tu est libre d'ajouter les feuilles de styles de ton choix et de modifier le thème à ta guise. C'est une opération un poil plus technique mais tout à fait réalisable pour peu qu'on prenne le temps de lire tranquillement la doc et de le faire pas à pas Smiley smile
Hello,

Alors oui attention il y a une grosse différence entre wordpress.com (produit prêt à l'emploi commercialisé par Automattic) et WordPress (.org) qui correspond au CMS maintenu par la communauté Smiley smile
Sujet clos
Aller à