Enlever la ligne “posted in” sous les posts? (Créer un compte)

  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #486494
    Arrakis
    Participant
    Initié WordPress
    46 contributions

    Bonjour,

    Pouvez vous m’aider à résoudre ce petit problème.

    Je n’arrive pas a enlever le “posted in” sous mes photos et je voudrais que le “comments” soit calé a droite sous la photo?

    Est ce possible facilement?

    a voir ici : http://www.eyewideshut.net

    voici le CSS ci dessous

    /*
    Theme Name: Simply BasicTheme URI: http://www.bballcity.com/download/themes/simply-basic/
    Description: A wordpress theme by Ash Haque
    Version: 1.4
    Author: Ash Haque

    Author URI: http://www.bballcity.com

    The CSS, XHTML is released under a Creative Commons License
    http://creativecommons.org/licenses/by/2.5/
    */

    /*
    1. Universal Declarations
    2. Structure
    2.1. Header
    2.2. Content
    2.3. Comments
    2.4 Sidebar
    2.5 Footer
    3. Lists
    4. Headings
    5. Images
    6. Forms
    7. Page Specific
    8. Extras
    */

    /* Universal Selectors


    */

    * {
    margin: 0;
    padding: 0;
    /* Resets all margins and paddings on the page */
    }

    ul {
    list-style-type: none;
    }

    * a:link, * a:visited, * a:hover, * a:active {
    text-decoration: none;
    color: #06c;
    }

    * a:hover {
    cursor: pointer;
    /* works well for onclick anchors */
    }

    :link img {
    border: none;
    }

    * img {
    border: none;
    }

    a img {
    border: none;
    }

    :link img, :active img {
    border: none;
    }

    /* Structure


    */

    html {
    margin-bottom: 0.1em;
    background: #fff;
    }

    body {
    font-size: 62%; /* Sets the page font to 10px */
    font-family: ‘Verdana’, Verdana, Arial, Sans-Serif;
    text-align: center;
    color: #444;
    }

    .top {
    background: #eee;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    font-size: 1.1em;
    }

    #wrapper {
    width: 800px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
    font-size: 1.1em;
    }

    #header {
    padding: 1px;
    border: 1px solid #fff;
    }

    #main {
    padding: 50px 0 0;
    }

    #content {
    float:left;
    width: 800px;
    padding: 1px 0 60px;
    border: 1px solid #fff;
    }

    #sidebar {
    float: right;
    width: 80px;
    padding: 50px 0 20px;
    border: 1px solid #fff;
    }

    #footer {
    padding: 60px 0;
    *padding: 30px 0;
    clear: both;
    border-top: 1px solid #ccc;
    border-bottom: 0;
    font-family: ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    }

    /* Header


    */

    #header h1 a {
    }

    #header p.description {
    font-size: 1.2em;
    }

    ul.mainmenu {
    display: block;
    overflow: auto;
    height: 1%;
    padding: 20px 1px 1px 0;
    border-bottom: 1px solid #ccc;
    }

    .mainmenu li {
    float: left;
    position: relative;
    }

    .mainmenu li a {
    _width: 1%;
    height: 40px;
    display: block;
    padding: 25px 15px 0 15px;
    }

    .mainmenu li.home a {
    padding-left: 0;
    }

    .mainmenu li a:hover {
    text-decoration: underline;
    }

    /* Content


    */

    #content h2 a {
    color: #444;
    font-size: 0.8em;
    text-transform:uppercase;
    letter-spacing:.2em;

    }

    #content p a, #content .metadata a {
    color: #06c;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
    }

    #content p a:hover, #content .metadata a:hover {
    border-bottom: 1px solid #666;
    }

    #content p a:visited, #content .metadata a:visited {
    color: #444;
    }

    #content p {
    font: 1em/2em ‘Lucida Grande’, Verdana, Arial, Sans-Serif;
    padding: 13px 0;
    color: #444;
    text-align: justify;
    }

    #content .post h3 {
    border-bottom: 1px solid #ccc;
    font: 1.2em “Lucida Grande”, sans-serif;
    padding-top: 20px;
    text-transform: uppercase;
    }

    #content .entry {
    padding-top: 10px;
    width: 100%;
    overflow: auto;
    height: 1%;
    }

    #content .metadata {
    display: block;
    padding: 10px 0 60px;
    }

    /* Comments


    */

    .commentlist {
    padding: 10px 0 30px 0;
    color: #225566;
    }

    .commentlist li {
    background: url(images/dot.gif) bottom left repeat-x;
    margin: 10px 0;
    padding: 25px 0 10px 0;
    list-style-type: none;
    width: 100%;
    overflow: auto;
    height: 1%;

    }

    .comment_number a {
    font: 3.2em Georgia, serif;
    float: right;
    padding-right: 10px;
    color: #225566;
    }

    .comment_author {
    font-size: 1.4em;

    }

    h3#respond {
    display: block;
    padding-top: 15px;

    }

    /* Sidebar


    */

    #sidebar ul li.side {
    padding-bottom: 25px;
    color: #225566;
    }

    #sidebar div {
    line-height: 1.7em;
    color: #225566;
    }

    #sidebar h2 {
    display: block;
    padding: 0 0 10px;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: normal normal 107% ‘Trebuchet MS’, Trebuchet, Arial, Verdana, Sans-serif;
    color: #333344;
    font-weight: bold;
    line-height: 1.6em;
    }

    #sidebar ul li a {
    line-height: 1.9em;
    color: #225566;
    }

    #sidebar ul li ul li ul {
    color: #225566;
    padding-left: 60px;
    }

    #sidebar ul li ul li ul li ul {
    color: #225566;
    padding-left: 60px;
    }

    /* Footer


    */

    #footer p {
    line-height: 2.2em;
    text-align: center;
    }

    /* Lists


    */

    #content ul, #content ol {
    line-height: 2em;
    padding: 15px 0 15px;
    }

    #content ul li a, #content ol li a {
    line-height: 2.5em;
    }

    #content .post ol {
    padding-left: 25px;
    *padding-left: 30px;
    }

    #content .post ul li {
    padding-left: 20px;
    background: url(images/bullet.gif) center left no-repeat;
    }

    /* Headings


    */

    h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
    color: #444;
    font-weight: normal;
    font-family: ‘Trebuchet MS’, Verdana, Sans-Serif;
    }

    h1 {
    font-size: 2.2em;
    }

    h2 {
    font-size: 2.0em;
    }

    h3 {
    font-size: 1.8em;
    }

    h4 {
    font-size: 1.6em;
    }

    /* Images


    */

    #content img {
    padding: 3px;
    border: 1px solid #ccc;
    max-width: 100%;
    display: block;
    margin: 0 auto;

    margin-bottom: 2em;

    }

    #content img.none {
    border: 0;
    max-width: 90%;
    margin: 0 auto;
    }

    #content img.wp-smiley {
    border: 0;
    padding: 0;
    margin: 0;
    display: inline;
    }

    #content .dig img {
    display: inline;
    border: none;
    margin: none;

    }

    /* Forms


    */

    .searchform {
    width: 250px;
    float: right;
    text-align: right;
    }

    /* Page Specific


    */

    .last_20 li {
    line-height: 2em;
    }

    .archive_date {
    width: 100px;
    float: left;
    }

    .pagetitle {
    display: block;
    padding: 0 0 60px;
    }

    /* Extras


    */

    blockquote {
    margin: 0;
    padding: 0 0 0 25px;
    background: url(images/quote.gif) top left no-repeat;
    }

    html>body blockquote {
    background-position: 0 0;
    }

    .center {
    text-align: center;
    }

    hr {
    display: none;
    }

    #740347
    gouloumania
    Participant
    Initié WordPress
    6 contributions

    Dans l’onglet apparence > editeur, édites le fichier “page d’accueil” ou “loop.php” et tu enleves simplement le “Posted in” qui doit être écrits… Suffit juste de trouver le bon fichier mais au pire, y’en a pas 500 et avec ctrl + F de ton navigateur, t’en a pour 30 secondes…

    Pour le css, suffit de mettre “text-align:right” dans “#content .metadata”

    #740348
    Arrakis
    Participant
    Initié WordPress
    46 contributions

    merci!!! ca marche nickel, j’ai pu enlever les mots en trop. Par contre j’ai mis text-align:right; a plein d’endroits different de content.metadate. Ca ne marche nul part… :(

    snif

    #740349
    Arrakis
    Participant
    Initié WordPress
    46 contributions

    ou plutot pour simplifier, je le laisse au centre mais j’aimerais le rapprocher de la photo, il est trop loin. Comment laisser moins d”espace?

    merci d’avance 🙂

    #740350
    Maitre Mo
    Participant
    Maître WordPress
    1656 contributions

    Il y a plein de façons – en css, tu peux tout régler…

    Tu peux par exemple, dans :

    #content img {
    border:1px solid #CCCCCC;
    display:block;
    margin:0 auto 2em;
    max-width:100%;
    padding:3px;
    }

    ,

    supprimer le “2em” du margin.

    (PS : tu as vu, pour citer du code, utilise une autre fois la balise code -le C noir dans le menu, ça évite de scroller comme un fou vers le bas de ton message pour tout lire !)

    #740351
    Arrakis
    Participant
    Initié WordPress
    46 contributions

    merci bcq de vos réponses, c’est super 🙂

    Bon j’ai essaye d’intervenir sur cette partie du code dont tu parles :

    #content img {
    padding: 3px;
    border: 1px solid #ccc;
    max-width: 100%;
    display: block;
    margin: 0 auto 2em ;
    margin-bottom: 2em;

    J’ai un peu tout essayé, en virant le 2em de magin, il ne se passe rien.
    Par contre quand j’augmente le “2em” de margin-bottom le comments s’éloigne mais je ne peux le rapprocher car en dessous de 2 cela ne bouge pas.

    En espérant avoir été clair 🙂

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