centre everything on my site

  • Author
    Posts
  • #1467197

    sunnyd88
    Member

    I would like to align/centre everything on the main page. I want each post to have the same width in terms of mega pixels i.e 800 px.

    Right now the “nights like this” post is not centred or aligned.

    I would like it to align with the post underneath it “el almacen”

    Do I change the CSS for the entire webpage?

    Please advise.

    Thanks!

    The blog I need help with is lifebysunz.com.

    #1467402

    Hi, the iframe for the SoundCloud element in the first post has a default width of 600px. Let’s start with this and then work from there. Add this to your custom CSS.

    article iframe, article video, #content.page iframe, #content.page video {
        width: 675px;
    }

    Are you wanting to also center align all post text and the titles as well, or just the content.

    The beanie image in nights… has a lot of white space on each side if it. If you want that image to take up more of the available space, you can edit that image and crop out some of the white space on the left and right so the image will appear larger.

    #1467408

    sunnyd88
    Member

    Thanks! I changed the CSS for soundcloud- looks great :)

    I want to align everything. I’ve added a link that shows an example.

    http://www.studded-hearts.com

    On this site, everything is aligned on the right. I like how everything is on the left on side mine. Also, is it possible to move the content (posts) a little bit more to the left so that it isn’t too close to the right sidebar?

    Thanks!

    Sunny

    #1467421

    Hi, I’ve modified what I had given you before and added some other stuff to align everything to center. The date/author/category stuff below the post I’ve left as it was. If you wish that centered, I can work on that for you, but it is a bit more complex. Likewise I’ve left the footer at the very bottom of the site as it was. Again, I can work on that if you wish those center aligned also (a little complex again).

    article iframe, article video, #content.page iframe, #content.page video {
        width: 100%;
    }
    
    article p, article ul, article ol, article blockquote, #content.page p, #content.page ul, #content.page ol, #content.page blockquote {
        text-align: center;
        width: 100%;
    }
    
    #content {
        text-align: center;
    }
    
    .infinite-scroll #infinite-handle {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 100px;
    }

The topic ‘centre everything on my site’ is closed to new replies.