How to flush content to the left? And other issues [Moka theme]

  • Author
    Posts
  • #3353255

    kristjanv001
    Member

    Hello!

    I ha a couple of questions for the local CSS coryphaeuses:

    1. How can I move the general content including the sidebar to the left side of the page?

    I tried using the following code:

    .site-content {
        float: left;
    }

    The problem is that it doesn’t move the content to the left as much as I want to, and the other problem is that the footer appears out of place (on the right side of the page if you click on an individual article or page).

    I tried flushing the #container and #main-wrap, but this creates a mess as well.

    2. Can I use a bigger width for specific pages? E.g., I would like to use up most of the horizontal space for my photo gallery. For my blog posts, I want to have a narrower content area (as I have now).

    3. How can I have exactly the same distance between the entry header (the title of the article) and the h2 as I have between the entry header and the paragraph text? In other words, I sometimes start my article with an h2 not with text (paragraph), but the space between is smaller than if I would start with a text. I want it to be visually more cohesive.

    4. On the mobile version, I’d like to make the “bar” slightly smaller – vertically. It takes unnecessary space. I want the bar’s height to end pretty much after the title of the site.

    5. Probably not, but would it be possible to move the publishing date under the entry heading or even to the bottom of the post?

    Thank you in advance to anyone who can point me in the right direction with any of the questions.

    K.

    The blog I need help with is kristjanvingel.com.

    #3353715

    kristjanv001
    Member

    Okay, I messed around a bit more and got the blog to the left side with this piece of code:

    #container {margin-left:0}

    I don’t really know why it works, but it seems that it flushed the content to left and doesn’t break the site. Probably not the correct way to do it, but works so far. If you know a better way, please let me know :)

    #3353901

    Howdy –

    I’d just suggest that you take a look at the mobile version of the site. Sometimes messing with CSS can affect that view, which is how the majority of folks will be seeing your site.

You must be logged in to reply to this topic.