Need help? Check out our Support site, then


centre everything on my site

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

  2. thesacredpath
    Staff

    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.

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

  4. thesacredpath
    Staff

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic