Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Modularity Lite - Change margin

  1. umea4ever
    Member

    Hello!

    After getting some excellent help from TSP, my page is almost finished. Only one thing left in the blog section:

    The blogtitles and the borders appear to the left of the main content. (On the main text I have used indent to keep it from appearing too close to the content box edges). If it's possible I would like to make a margin for the blogtitles, the border, "Blog" & the date/leave comment-line, to make everything appear with the same margin, left aligned with the U in the header. Does anyone have a code for this?

    As always I will be very grateful for any help!

    The blog I need help with is umea4ever.wordpress.com.

  2. thesacredpath
    Member

    Hi there, give the following a try and you can adjust the px values as you desire. 30px looks about right though I think.

    .category-blog h3.sub, .category-blog h2.sub {
margin-left: 30px;
}

.category-blog .content {
padding-left: 30px;
}

  3. umea4ever
    Member

    Hello again & thanks a lot! That worked. Fantastic! :)

  4. thesacredpath
    Member

    You are welcome.

  5. umea4ever
    Member

    When I open the blog posts though, the margin isn't there. Is there anything to do about that?

  6. thesacredpath
    Member

    Ah, didn't think of that. Let me take a look.

  7. thesacredpath
    Member

    Too late here, I should have thought of that. This should do it, but make sure and check the other pages to make certain it doesn't do anything weird in other places.

    .single-post .span-15 {
padding-left: 30px;
width: 560px;
}

  8. umea4ever
    Member

    That did the trick! Great.

    The only maybe a little weird thing now is that the blog titles when you open a post is a very light grey. But that might have happened when the page titles were hidden, and not the blog titles. I first thought they were hidden too, but obviously weren't. It is absolutely something I can live with , unless you happen to have a solution for it and it's not a hazzle!

  9. thesacredpath
    Member

    Change the font color here:

    h1, h2, h3, h4, h5, h6 {
color: #EEEEEE;
}

  10. umea4ever
    Member

    Awesome! Now everything is right. Could never have done it without your helpt. Thanks a milion! :)

  11. thesacredpath
    Member

    You are welcome.

  12. umea4ever
    Member

    Hello again!
    Sorry to ask again, but when I changed the blog category name + added a new category the blog titles are back where they used to be and the new margin is no longer there. Is there anything to do about this?

  13. thesacredpath
    Member

    You changed the "blog" category name to title to "blogg" which brings up another thing to consider, and let's change some of your code.

    Change

    .category-blog h3.sub, .category-blog h2.sub {
margin-left: 30px;
}

.category-blog .content {
padding-left: 30px;
}

    to 

    .category h3.sub, .category h2.sub {
margin-left: 30px;
}

.category .content {
    margin-left: 30px;
}

    That will apply it to all categories, even if you start using more than one.

  14. umea4ever
    Member

    Yes, "blogg" is correct in Norwegian, I should have thought of that from the beginning..

    A huge thanks again! You are brilliant. I am very grateful.

  15. thesacredpath
    Member

    You are welcome, and now even if you change the name of that category to bbbllloooggg it will still be spaced correctly.

    :-)

  16. umea4ever
    Member

    Fantastic! :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags