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
    1653 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.