WordPress.com Forums » Topic: Modularity Lite - Change margin

umea4ever on "Modularity Lite - Change margin"

umea4ever — Fri, 11 Mar 2011 12:20:03 +0000

Fantastic! :)

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Fri, 11 Mar 2011 12:14:22 +0000

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

:-)

umea4ever on "Modularity Lite - Change margin"

umea4ever — Fri, 11 Mar 2011 12:10:46 +0000

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.

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Fri, 11 Mar 2011 12:07:07 +0000

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

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

umea4ever on "Modularity Lite - Change margin"

umea4ever — Fri, 11 Mar 2011 11:46:05 +0000

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?

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Thu, 10 Mar 2011 18:06:18 +0000

You are welcome.

umea4ever on "Modularity Lite - Change margin"

umea4ever — Thu, 10 Mar 2011 09:19:08 +0000

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

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Thu, 10 Mar 2011 08:59:52 +0000

Change the font color here:

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

umea4ever on "Modularity Lite - Change margin"

umea4ever — Thu, 10 Mar 2011 08:50:54 +0000

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!

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Thu, 10 Mar 2011 08:33:59 +0000

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

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Thu, 10 Mar 2011 08:27:30 +0000

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

umea4ever on "Modularity Lite - Change margin"

umea4ever — Thu, 10 Mar 2011 08:10:53 +0000

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

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Thu, 10 Mar 2011 08:10:23 +0000

You are welcome.

umea4ever on "Modularity Lite - Change margin"

umea4ever — Thu, 10 Mar 2011 08:08:59 +0000

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

thesacredpath on "Modularity Lite - Change margin"

thesacredpath — Thu, 10 Mar 2011 07:37:49 +0000

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

umea4ever on "Modularity Lite - Change margin"

umea4ever — Thu, 10 Mar 2011 06:49:37 +0000

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!