Modularity lite theme – how to change footer area

kpuro · Member · Feb 14, 2012 at 4:15 pm
Copy link

Add topic to favorites
Hi!

I have managed to do some changes to my blog, but there is still couple of things bugging me :)

First. The footer area is too wide. Is there any way to make it the same wide as the actual box above it?

Second: I think I have done something wrong because the title of the blogroll has desapeart from top of the list at the footer. Anyway to find out how to get it back?

Third: There are couple of images in the footer area that I have linked to other pages, but I can not find a place to change them to oppen in a new window. Now they oppen in the same window.

Last: Is there any way to put Copyright -text at the bottom of the page?

Thank you very very much!!

My blog is http://purenorth.org/

The blog I need help with is: (visible only to logged in users)
kpuro · Member · Feb 14, 2012 at 4:20 pm
Copy link
I also asked in my previous topic about the top menu that keeps moving right or left when ever I zoom in or out or use bigger screen. Any way to fix that?

I made my blog visible to everyone, so that it can be easier to answer the questions.

Many many thanks!
designsimply · Member · Feb 14, 2012 at 10:25 pm
Copy link
First. The footer area is too wide. Is there any way to make it the same wide as the actual box above it?

Try this:
```
#footer-wrap {
  width: 990px;
  margin: 0 auto;
}
```
designsimply · Member · Feb 14, 2012 at 10:28 pm
Copy link
Second: I think I have done something wrong because the title of the blogroll has desapeart from top of the list at the footer. Anyway to find out how to get it back?

In your custom CSS, this is making the “Blogroll” widget heading disappear:
```
h3.sub {
  display:none;
}
```
What were you trying to hide when you added that rule?
designsimply · Member · Feb 14, 2012 at 10:30 pm
Copy link
Third: There are couple of images in the footer area that I have linked to other pages, but I can not find a place to change them to oppen in a new window. Now they oppen in the same window.

Those images were setup by adding image widgets.The image widget doesn’t have an option to open links in a new page. What you could do is create a text widget instead and add the html to open a link in a new window manually.
designsimply · Member · Feb 14, 2012 at 10:31 pm
Copy link
Last: Is there any way to put Copyright -text at the bottom of the page?

Sure, one way would be to add it using a text widget.
kpuro · Member · Feb 14, 2012 at 10:45 pm
Copy link
Perfect! Thank you!!

Most of them worked fine! (and some where just me being blond)

But getting the blogroll back isn’t that easy. There are quite many things I’m trying to hide. The page titles, post titles, post information fom the below, and the latest text from the home page. If I take the

h3.sub {
display:none;
}

away from the ccs editor, the latest text appears back. But not too much worry about that one. I think can live with out the blogroll title.

Also the thing I added for the footer area to make it smaller moved my menu bar also. With the menu bar I’m really in trouble cause it keeps moving all the time :(
designsimply · Member · Feb 14, 2012 at 11:03 pm
Copy link
So you want to remove every h3 tag with the “sub” clase *except* the Blogroll heading?

The footer change didn’t move the menu bar, if you remove the #footer-wrap block you added and check, you’ll see that the menu is still offset. It was like that before. I’ll need to do a little digging to try to figure out what’s causing it not to line up like that.
designsimply · Member · Feb 14, 2012 at 11:20 pm
Copy link
To make the top navigation menu line up, remove this:
```
#top div.main-nav {
position:absolute;
top:70px;
left:180px;
background:#F2F2F5;
width:99em;
}
```
And add this:
```
#top, #top .main-nav {
  width: 990px;
  margin: 0 auto;
  padding: 0;
}
```
To make the background color of the menu the same as the container just below it, add this:
```
#top div.main-nav {
  background: #F2F2F5;
}
```

No items found.