Changer la couleur du fond (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #447595
    logokala
    Membre
    Padawan WordPress
    72 contributions

    Bonjour,
    je ne trouve pas ce qu’il faut changer dans le code du fichier « style.css » du theme « Almost Spring », pour changer la couleur du fond (de rose pale > blanc) :

    /*
    Theme Name: Almost Spring
    Theme URI: http://beccary.com/goodies/wordpress-themes/
    Description: A two column theme. Light and simple with greens and oranges.
    Version: 1.3
    Author: Becca Wei
    Author URI: http://beccary.com
    */

    /* Basics and Typography */

    body {
    margin: 0;
    padding: 0;
    background: #E8E8CE url(images/bg.gif) repeat-x fixed;
    font-size: 78%;
    font-family: « Lucida Grande », « Lucida Sans Unicode », Verdana, Arial, sans-serif;
    color: #333;
    text-align: center;
    }
    p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.2em 0;
    }
    ol, ul {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.2em 0 1.2em 2em;
    padding: 0;
    }
    h1, h2, h3, h4, h5, h6 {
    margin: 1.2em 0;
    font-family: « Lucida Grande », Tahoma, Arial, sans-serif;
    color: #9BBB38;
    }
    h1, h2 {
    font-size: 1.4em;
    }
    h3 {
    font-size: 1.3em;
    }
    h4 {
    font-size: 1.2em;
    }
    a {
    text-decoration: none;
    }
    a:link {
    color: #E58712;
    }
    a:visited {
    color: #B96F17;
    }
    a:hover, a:active {
    color: #9BBB38;
    }
    input, textarea, select {
    border: 1px solid #C1C0B5;
    background-color: #FAFAF0;
    color: #333;
    font-size: 1em;
    font-family: « Lucida Sans Unicode », Tahoma, Arial, sans-serif;
    }
    blockquote {
    margin: 0 20px;
    padding: 0 20px;
    border-left: 4px solid #E8E7D0;
    font-size: 0.9em;
    }
    code {
    font-family: monospace;
    color: #666;
    }
    form, img {
    margin: 0;
    padding: 0;
    border: 0;
    }
    .small {
    font-size: 0.9em;
    color: #999;
    }

    /* Layout */

    #wrapper {
    margin: 0 auto;
    width: 750px;
    background-color: #FFF;
    text-align: left;
    }
    #header {
    padding: 30px 0 0 0;
    background-color: #F5F5E7;
    border-bottom: 10px solid #9BBB38;
    }
    /* Header Styles */
    #header h1 {
    margin: 0;
    font-size: 1.8em;
    }
    #header h1 a {
    text-decoration: none;
    color: #80904F;
    }
    #content {
    float: left;
    margin: 0 0 0 20px;
    width: 500px;
    display: inline; /* IE double margin bug fix */
    }
    #sidebar {
    float: left;
    margin: 0 20px 0 20px;
    padding: 1.8em 0 0 0;
    width: 190px;
    font-size: 0.9em;
    display: inline; /* IE double margin bug fix */
    }
    * html #content, * html #sidebar {
    overflow: hidden; /* For IE */
    }
    #footer {
    clear: both;
    font-size: 0.9em;
    text-align: right;
    }
    /* Footer Styles */
    #footer p {
    margin: 0;
    padding: 10px 0 20px 0;
    background-color: #E8E8CE;
    border-top: 10px solid #9BBB38;
    font-size: 0.9em;
    text-align: right;
    }

    /* Sidebar Styles */

    #sidebar h2 {
    display: inline;
    margin: 1.2em 0 0.6em 0;
    padding: 0 10px 0 0;
    background: url(images/arrow.gif) no-repeat center right;
    font-size: 1.1em;
    }
    #sidebar h2 a {
    color: #9BBB38;
    }
    #sidebar h2 a:hover {
    color: #E58712;
    }
    #sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #sidebar ul li {
    }
    #sidebar ul ul {
    margin: 1.2em 0;
    border-top: 1px solid #E8E7D0;
    background-color: #FAFAF0;
    }
    #sidebar ul ul li {
    padding: 0 0 0 10px;
    border-bottom: 1px solid #E8E7D0;
    }
    #sidebar ul ul li a {
    display: block;
    margin: 0 0 0 -10px;
    padding: 0.1em 10px;
    width: 190px;
    voice-family: «  »} » »;
    voice-family: inherit;
    width: 170px;
    }
    html>body #sidebar ul ul li a {
    width: 170px;
    }
    #sidebar ul ul li a:hover {
    background-color: #FFF;
    }
    /* Nested lists? */
    #sidebar ul ul ul {
    margin: 0;
    border: none;
    }
    #sidebar ul ul ul li {
    margin: 0 0 0 -10px;
    padding: 0 0 0 25px;
    border-bottom: none;
    border-top: 1px solid #E8E7D0;
    }
    #sidebar ul ul ul li a {
    margin: 0 0 0 -25px;
    padding: 0.1em 10px 0.1em 25px;
    width: 190px;
    voice-family: «  »} » »;
    voice-family: inherit;
    width: 155px;
    }
    html>body #sidebar ul ul ul li a {
    width: 155px;
    }
    /* Calendar */
    #wp-calendar {
    margin: 0 0 1.2em 0;
    width: 190px;
    border: 1px solid #E8E7D0;
    background: #FAFAF0;
    line-height: 1.2em;
    text-align: center;
    voice-family: «  »} » »;
    voice-family: inherit;
    width: 188px;
    }
    html>body #wp-calendar {
    width: 188px;
    }
    #wp-calendar caption {
    margin: 1.2em 0 0 0;
    padding: 0.4em 0;
    background: #9BBB38;
    color: #FFF;
    font-weight: bold;
    }
    #wp-calendar td {
    border: 0;
    border-collapse: collapse;
    background: #FFF;
    }
    #wp-calendar td a {
    display: block;
    width: 100%;
    }
    #wp-calendar td.pad {
    background: transparent;
    }
    #wp-calendar td#next, #wp-calendar td#prev {
    padding: 0.1em 2px;
    background: transparent;
    }
    #wp-calendar td#next a, #wp-calendar td#prev a {
    display: inline;
    }
    #wp-calendar td#next {
    text-align: right;
    }
    #wp-calendar td#prev {
    text-align: left;
    }

    /* Blog */

    .post {
    }
    .posttitle {
    margin-bottom: 0;
    width: 100%;
    color: #FFF;
    overflow: auto;
    /* Width and overflow to clear ‘.posttitle a’ */
    }
    .posttitle a {
    float: left;
    padding: 0 10px;
    background: #9BBB38 url(images/posttitle.gif) no-repeat top right;
    }
    .posttitle a:link, .posttitle a:visited {
    color: #FFF;
    }
    .posttitle a:hover, .posttitle a:active {
    background: #E8E7D0 url(images/posttitle.gif) no-repeat 100% -91px;
    color: #80904F;
    }
    .postmeta {
    margin-top: 0;
    padding-top: 1px;
    background: url(images/postmeta.gif) no-repeat top left;
    font-size: 0.9em;
    color: #999;
    }
    .postentry {
    }
    .permalink {
    margin: 0 1.8em 0 0;
    padding: 0 0 0 14px;
    background: url(images/permalink.gif) no-repeat center left;
    }
    .commentslink {
    padding: 0 0 0 17px;
    background: url(images/commentslink.gif) no-repeat center left;
    }

    /* Comments */

    #commentlist {
    margin: 1.2em 0;
    padding: 0;
    border-bottom: 1px solid #E8E7D0;
    list-style-type: none;
    }
    #commentlist li {
    border-top: 1px solid #E8E7D0;
    padding: 1px 20px;
    background-color: #FFF;
    }
    .alt {
    background-color: #FAFAF0 !important;
    }
    .commenttitle {
    margin-bottom: 0;
    font-size: 1.1em;
    }
    .commentmeta {
    margin-top: 0;
    font-size: 0.9em;
    color: #999;
    }
    #comment {
    width: 98%;
    }

    /* Widgets and Etc */

    .widget_search div {
    margin: 1.2em 0;
    }
    #sidebar #s {
    margin-bottom: 2px;
    width: 180px;
    }

    Quelqu’un aurait il une idée ?

    Merci par avance.

    Luigi

    #573643
    benkenobi
    Participant
    Maître WordPress
    4068 contributions

    Sauf erreur, je pense que c’est dans le 1er paragraphe :

    body {
    margin: 0;
    padding: 0;
    background: #E8E8CE url(images/bg.gif) repeat-x fixed; <<<<<———————- remplacer #E8E8CE par ta couleur et éventuellement enlever 'url(images/bg.gif)'
    font-size: 78%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
    color: #333;
    text-align: center;

    #573644
    damino
    Participant
    Maître WordPress
    1241 contributions

    Il y a du non respect des règles du forum ici et un sujet dans un mauvais forum :
    1-Utilises le les balises BBcode pour plus de lisibilité (prend exemple sur Ben)
    2-Pas besoin de nous tartiner des pages de codes : un simple lien vers ton blog nous renseignera autant et même plus (en effet on aura accès à ta feuille de style + ton code XHTML)
    3-Merci à toi et je dis tout cela simplement pour faciliter l’aide et la practicité du forum.

    Merci et si t’as un lien vers ton blog, on remplacera cette liste.

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