Modularity Lite – Change margin

  • Author
    Posts
  • #581444

    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.

    #581735

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

    umea4ever
    Member

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

    #581739

    You are welcome.

    #581740

    umea4ever
    Member

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

    #581743

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

    #581744

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

    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!

    #581748

    Change the font color here:

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

    umea4ever
    Member

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

    #581793

    You are welcome.

    #581842

    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?

    #581843

    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.

    #581844

    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.

    #581845

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

    :-)

    #581846

    umea4ever
    Member

    Fantastic! :)

The topic ‘Modularity Lite – Change margin’ is closed to new replies.