Viewing 1 post (of 1 total)
  • Author
    Posts
  • #21797

    victoria
    Participant

    Hello,

    I seem to have a problem with my template. Overtime I try to center the images on the homepage, the pictures appear completely disproportionate. They take the whole content frame.
    If I don’t center them, they have the right size but they locate on the left corner of the content frame.
    I have located the problem on the HTML but I don’t know what to do to keep their current size and center them.

    Could anyone help me please?

    body#layout .nav-collapse,.no-image,.pagenavi .pages,#navbar,.date-header,.feed-links,.post-location,.post-share-buttons,.post-icons{display: none !important;}
    .section,.widget,.widget-content,.widget ul,.widget li,body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;border:none;outline:none}
    body#layout #content {float:left;width:600px;margin-left:30px}
    body#layout #side-bar {float:right;width:300px;}

    PART WITH THE PROBLEM:
    img {
    max-width: 250px;
    margin-left: auto;
    max-height: auto;
    }

    My blog is here: http://hotchocolatenbooks.blogspot.fr

    Thank you, I appreciate it 🙂

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.