Modularity Lite – Change margin

umea4ever · Member · Mar 10, 2011 at 6:49 am
Copy link

Add topic to favorites
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)
thesacredpath · Member · Mar 10, 2011 at 7:37 am
Copy link
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 · Member · Mar 10, 2011 at 8:08 am
Copy link
Hello again & thanks a lot! That worked. Fantastic! :)
thesacredpath · Member · Mar 10, 2011 at 8:10 am
Copy link
You are welcome.
umea4ever · Member · Mar 10, 2011 at 8:10 am
Copy link
When I open the blog posts though, the margin isn’t there. Is there anything to do about that?
thesacredpath · Member · Mar 10, 2011 at 8:27 am
Copy link
Ah, didn’t think of that. Let me take a look.
thesacredpath · Member · Mar 10, 2011 at 8:33 am
Copy link
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;
}
```
umea4ever · Member · Mar 10, 2011 at 8:50 am
Copy link
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 · Member · Mar 10, 2011 at 8:59 am
Copy link
Change the font color here:
```
h1, h2, h3, h4, h5, h6 {
color: #EEEEEE;
}
```
umea4ever · Member · Mar 10, 2011 at 9:19 am
Copy link
Awesome! Now everything is right. Could never have done it without your helpt. Thanks a milion! :)
thesacredpath · Member · Mar 10, 2011 at 6:06 pm
Copy link
You are welcome.
umea4ever · Member · Mar 11, 2011 at 11:46 am
Copy link
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 · Member · Mar 11, 2011 at 12:07 pm
Copy link
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.
umea4ever · Member · Mar 11, 2011 at 12:10 pm
Copy link
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 · Member · Mar 11, 2011 at 12:14 pm
Copy link
You are welcome, and now even if you change the name of that category to bbbllloooggg it will still be spaced correctly.

:-)
umea4ever · Member · Mar 11, 2011 at 12:20 pm
Copy link
Fantastic! :)

No items found.