Sela Border and alignement

  • hedgersabroad

    (@hedgersabroad)


    8 years, 3 months ago

    Hey everyone. I know that this is probably and easy fix, but I’m still learning CSS and I’m not to the point where I can figure it out myself and I’ve been unable to find it answered in these forums.

    hedgersabroad.com

    Ok, so we are happy with our home page, but on the page for each post and the all-post page we want to make some changes.

    First, we were successful in removing the date from each individual post, but are left with the blank white border to the left of the text/photo body. We’d like to get the dat to show above the post body and utilize that full space for the post to allow larger images and cut out those big white borders.

    Secondly, we want the body to stop cutting into our featured image on both the all-posts and individual post pages.

    Third, if anyone knows how to make our whole site more “full width” we’d appreciate it. Seems very narrow on our laptop. Might just be a limitation of the theme and we need to change, but we’ve done a lot of work in this theme to make featured images and the like fit well in Sela’s parameters.

Viewing 3 replies - 1 through 3 (of 3 total)
  • codeManiac

    (@codemaniac)

    8 years, 3 months ago

    Hey hedgersabroad !

    I hope you are doing well today 🙂

    It seems you are asking about many things so I will ennumerate the solutions which are as follow

    1- Stop the body from cutting into the featured image :

    .post-thumbnail + .entry-header {
    margin-top: 0;
}

    2- Make the website Full Width:

    .site {
    margin: 0;
    max-width: 100%;
    padding: 0;
}

    3- When you go for full width choice , the featured images will look so close to the left edge of the website, so add this to give it some space

    .post-thumbnail {
    margin-left:0;
}

    Here is the result http://imgur.com/opFTIoz

    I hope this helps and let me know how it goes 🙂

    Cheers !

    Thread Starter hedgersabroad

    (@hedgersabroad)

    8 years, 3 months ago

    Thank you so much! We added your code, but the text and photos are still being held to a column, it looks like. does the theme automatically put it all into a certain space? Even in the post editor everything is auto formatted to be in that thin column and the photos are held to the with of the text as well. We obviously don’t want it to be wall to all text, but having some base code from which to start as we build how wide we want our side margins, ability to make the photos larger, etc.

    Again, thanks for being so fast and helping us out.

    codeManiac

    (@codemaniac)

    8 years, 3 months ago

    Oh hey wait am not one of the theme authors in case that’s what you thought 🙂

    back to your problem. Yes the theme was designed that way. So anything you write in the editor have a space where you can play with the order or organization etc but everything inside that box which the theme uses by default

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sela Border and alignement’ is closed to new replies.