Modularity Lite – Change margin
-
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: (visible only to logged in users)
-
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; } -
-
-
When I open the blog posts though, the margin isn’t there. Is there anything to do about that?
-
-
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; } -
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!
-
-
Awesome! Now everything is right. Could never have done it without your helpt. Thanks a milion! :)
-
-
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? -
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.
-
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.
-
You are welcome, and now even if you change the name of that category to bbbllloooggg it will still be spaced correctly.
:-)
-
- The topic ‘Modularity Lite – Change margin’ is closed to new replies.