[aceenrichment]

Hi,

Great Template – It allows for some great customization. I am having a few problems with editing the css file and adding new css through the theme options module. I am trying to:

1. Decrease the padding on top and bottom of the logo
2. Clear the header color and remove the shadow around it
3. Remove the shadow around the header right sidebar
4. create space between the main menu and the body

The site using the template is http://www.ProfessorEggheadScienceAcademy.com and an example of our other site I am trying to “mimic” is http://www.ProfessorEgghead.com.

Thank you in advance for you help and support.

[Sakin]

@aceenrichment: Thanks.
1. Decrease the padding on top and bottom of the logo
—Decrease the padding in the following CSS in add it in “Appearance => Theme Options => Custom CSS” box.

#site-logo {
    padding-top: 50px;
}
#hgroup-wrap {
    padding-bottom: 50px;
}

2. Clear the header color and remove the shadow around it
— Add the following CSS in add it in “Appearance => Theme Options => Custom CSS” box.

.site {
    background-color: transparent;
}
#main {
    background-color: #fff;
}

3. Remove the shadow around the header right sidebar
— Add the following CSS in add it in “Appearance => Theme Options => Custom CSS” box.

#header-right .widget img {
    box-shadow: none;
}

4. create space between the main menu and the body
— Add the following CSS in add it in “Appearance => Theme Options => Custom CSS” box.

#header-menu {
    margin-bottom: 15px;
}

[aceenrichment]

Great! Thanks for the quick response. Everything worked.

[aceenrichment]

Sorry! One more thing – I made the featured header image a link. It does two things that i do not want it to do when a visitor in not hovering over it with the mouse…

1. It darkens the image
2. it has either drop shadow or some outer effect

How can i make it so nothing happens when the image is make into a link?

[Sakin]

@aceenrichment: Your site is in maintenance mode so I will not be able to fix it.

[aceenrichment]

Sorry about that! It has been taken off maintenance mode.

[Sakin]

@aceenrichment: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#main-feat-img {
    box-shadow: none;
    opacity: 1;
}

[aceenrichment]

Awesome! Can the same be done for the main logo? Just input the code under the “#site-logo {” tag?

[Sakin]

@aceenrichment: You can replace the above css with the following.

#main-feat-img, #site-logo img {
    box-shadow: none;
    opacity: 1;
}

[aceenrichment]

It doesn’t work. Only the header image changes work.

[Sakin]

Oh sorry I forgot the existing css. So, can you replace it with the following

#hgroup-wrap #site-logo img, #main-feat-img {
    box-shadow: none;
    opacity: 1;
} 

[aceenrichment]

You are the man! Thanks for the quick response time.

[Author]

Posts