Footer and Menu Links

Hi, here's the site I'm working on: http://jackalopemedia.com/extend

For the footer, I'd like the option to make the whole thing blue. Right now, there's the white space underneath the widget area, and I'd like that to be blue like the rest of the footer.

Also, the footer links on the right two columns need to be pushed up. I tried adding margins and it didn't work. Right now I'm using a <br /> to separate the header from the links. Is there a better way to do this that looks cleaner?

Lastly, I'd like the nav-menu option "Choose a Center" to be the same blue as the other links on the site, so it stands out. I tried adding custom CSS to #menu-item-994, but no dice.

Thanks!

Also, another site I'm working on:

http://kickstartyourbiz.info/?cat=93

I'd like to remove the padding from .imageBg #gk-head, and I have this in my override.css:

Code: Select all

.imageBg #gk-head {
    background: #FFFFFF;
    padding-bottom:0px;
}

.imageBg #gkHeaderMod {
  margin-top: -150px;
  padding-bottom: 0px;
}

However, even with this, the padding is still there. Why is this?

Also, I'd like to alter the post layout, basically just rearrange the "Written by", "date" and "comments" links. What file can I edit this in?

Lastly, how can I make the blog category page appear on the homepage? I'd like what is currently on the category page to be on the homepage. I tried altering the "reading" settings in wordpress, but nothing.

I know I ask a lot of questions... but I feel like I'm getting close. Really appreciate any help!

Hi,

I checked your first website:

1. Add this code to override.css file:

Code: Select all

#gk-footer > div {
   padding: 0;
}

#gk-footer {
   background: #00bce3;
   border: 0;
   overflow: hidden;
}

2. If you want to add margin/padding to the last two columns from gk-bottom6 position, use these selectors:

Code: Select all

#gk-bottom6 .box div > div:nth-child(3),
#gk-bottom6 .box div > div:nth-child(4){
   padding: 0 10px;
}

remember that then you should decrease div width (small than 25%) or try to use only different value than 25% on these columns.

and finally, add this code to highlight mentioned menu item:

Code: Select all

#main-menu #menu-item-994 > a {
   color: #00bce3;
}

Tommorow I'll check your second website.

I checked also your second website,

First issue, you have wrong css selectors in override.css file, use the following:

Code: Select all

.imageBg #gk-header-mod {
   margin-top: -150px;
   padding-bottom: 0;
}

the "Written by", "date" and "comments" links you can edit in Simplicity/gavern/helpers/helpers.layout.fragments.php file and gk_post_meta function.


If you want default blog page on your homepage, you have to disable "Widgets Display on Homepage" from Template Options -> Basic tab.

Great, thanks Piotr, all worked perfectly.

I'm looking to hide the menu that "pops up" when the user scrolls down the screen. What's the best way to do that?

Do you mean main menu with the logo? (with fixed position on top)