[sovit ranjitkar]

Hi Allan,

To remove the hover effect above the menu Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#access {
    background-position: 0 -4px;
}
#access a {
    height: 41px;
    padding-top: 18px;
}
#access a:hover, 
#access ul li.current-menu-item a, 
#access ul li.current_page_ancestor a, 
#access ul li.current-menu-ancestor a, 
#access ul li.current_page_item a,
#access ul li:hover > a {
	border-top: 0 none;
	padding-top: 18px;
}
#access ul li ul {
    top: 59px;
}

and to make add some more space between the content and the right sidebar paste below CSS:

#primary {
    width: 63.64%;
}
#secondary {
    margin-left: 5.06%;
}

Hope above code CSS help you.

Thank you!

[Sanjip Shah]

@Allan Please remove your css and try the following in the custom css.

.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#access {
margin-bottom: 0;
}
.hgroup-wrap img {
    margin-bottom: 0;
    margin-top: 0;
}

[Allan]

I tried to paste your lines into the CSS unfortunately without luck.
You see, I would like to remove the empty space above the logo so people do not have to scroll too much.

This is my Custom CSS:

div.hgroup-wrap.clearfix {
height: 150px !important;
padding: 40px !important;
}
.entry-title{
display:none !important;
}
.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#site-logo {
margin-top: 0;
}
#access {
margin-bottom: 5px;
}

[Allan]

Sorry. I posted the question in a wrong forum previously so I try again in this Premium area:

Great theme.
I’d like to decrease the top margin and tried with
.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}

Unfortunately it does not seem to work.

Generally I think it would be great if I can adjust margins for instance between menu and content on pages.
Can you help?

http://politikerhjemmeside.dk/

[Allan]

Great theme.
I’d like to decrease the top margin and tried with
.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}

Unfortunately it does not seem to work.

Generally I think it would be great if I can adjust margins for instance between menu and content on pages.
Can you help?

http://politikerhjemmeside.dk/

[jmccaleb]

I have created a child theme and made a new style.css for it that only contains the lines changes in my previous iteration. (I’m preparing to upgrade, so need to capture my changes)

I’m running in to 2 issues:

1. The Appearance options in my child theme when doing a Live Preview no longer contains “Header Image”

2. When I activate my child theme, much of the css is malformed. I’m assuming this is probably because I added only the changed lines in my child’s style.css, but I’m not sure how much/little to include. Below is my current chile style.css:

/*
Theme Name: Attitude Child Theme
Theme URI: https://www.themehorse.com/themes/attitude
Template: attitude
Author: Theme Horse
Author URI: https://www.themehorse.com
Attitude WordPress Theme, Copyright 2013 Theme Horse
Attitude is distributed under the terms of the GNU GPL
*/

@import url("../attitude/style.css");

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* Theme Modifications Start Here */

/* No Border/Margin/Padding */

.no-margin-left {
	margin-left:10px !important;
}

/* Forms */

input.s {
	background: url(images/search.png) no-repeat right 5px #fff;
	padding: 0px 33px 0px 0;

}

/* =Header
----------------------------------------------- */
#branding {
	margin-top: 0px;	
}
.hgroup-wrap {
	padding-top: 10px;
	padding-bottom: 0px;
}
site-logo {
  	margin-top: 0px;
}

.hgroup-right {
	margin-top: 0px;
}

/* Social Profiles */

.social-profiles ul li {
	margin-top: 7px;
}

/* =Menu
-------------------------------------------------------------- */

/* Dropdown */

#access ul li ul {
	top: 45px;
}

Any help would be appreciated. Doing my best to help my friend out, and apparently know just enough to be dangerous. 😉

[Jacqueline]

Thank you. As you can see though, there is still a margin at the top. I’d like to close that completely as well.

http://starzentertainment.net/ScottsdaleWeddingDJ/

[LibreRico]

Dear all,
I would like to remove the white space on the left side of my logo so the logo is on the same vertical line as my home icon (i.e., remove the spoace from the block my logo is in). Here is my page:

Here is my CSS code for the header:

/* =Header
----------------------------------------------- */
#branding {
	margin-top: 30px;
	
}
.hgroup-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
	
}
.hgroup-wrap a {
	display: block;
}
#site-logo {
	float:left;
  	margin-top: 0px;
 
}
#site-title {
	font: 36px 'Philosopher', sans-serif;
  	line-height: 0px;
}
#site-title a {
	color: #555;	
}
#site-title a img {
	vertical-align: inherit;
	width: 500px;/*original max-width: 978px */
	height:auto;
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
	color: #05a9c5;
}
#site-description {
	font: 13px 'PT Sans', sans-serif; /*original 13*/
	line-height: 20px; /*original 20*/
	color: #777;
}
.hgroup-right {
	float: right;
	margin-top: 38px;
}

I hope I could explain my problem.

Thank you for your help!

Best regards,

Christian

[Sanjip Shah]

@melindalippert You can use the following css to decrease the spaces in the header. To make the social icons and search appear on same line it will need both php an css customization. So for this one you will have to hire a developer.

.hgroup-right {
    margin-top: 0;
}
#branding .searchform {
    margin-top: 3px;
}
.hgroup-wrap img {
    margin-bottom: 0;
    margin-top: 2px;
}

[Sanjip Shah]

@rjbyron10011 In the dashboard, go to Appearance->Theme Options->Design Options Tab->Custom CSS. Paste the following css and click on ‘Save all Changes’.

#branding .container {
    margin: 0 auto;
}
#site-title a img {
    vertical-align: top;
    height: 250px;
    width: 500px;
}

Try this out, you can change the px values to your liking.

[Adpower]

Hello there,

My intention is to have a logo right across the full header width (1038px). So for I’ve been able to reduce the space above the logo and below, so all looks nicely. However – for some bizarre reason – the logo image shrinks to a smaller width (980px) and get these ugly padding right and left.

Has anyone an idea how I can remove the right and left padding? http://www.northqueenslandtrawlers.com.au/

The following is the custom CSS I’m using now:

.hgroup-wrap {
padding-bottom: 0px;
padding-top: 0px;
}
#site-logo {
margin-top: 0px;
}

[sovit ranjitkar]

To reduce the space for comment section Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

.comments-title {
    padding-bottom: 0 !important;
}
.comments-area article {
    margin: 15px 0;
}
.comments-area article header {
    margin-bottom: 15px;
}
#respond {
    margin-top: 20px;
}
#respond form {
    margin: 10px 0;
}
#respond form p {
    margin: 0;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you for using our theme.

[Webinatrix]

Hi. I was directed to this thread after asking via email the same question as Maria.

When I put the css code into Theme Options > Custom CSS, it made the space on top smaller, but there’s still some there, about 45px. I tried adding a negative margin-top to the CSS rule, but it had no effect.

Any idea what it might be?

Thank you!

[Rabin Shrestha]

Hi krown24

Please check your Custom CSS properly you are missing the closing curly braces in
#site-logo {
float:left;
margin-top: 15px;

Also remove this code

.entry-header .entry-meta {
    display:none;
}

Rabin

[vlinder]

Hello,

Here are is the site… http://www.iviutech.com

This is all my custom CSS…
.page .entry-title{display:none;}

h1,h2,h3,h4,h5,h6,ol,a,ul,div,p{
font-family:myriad pro, myriad pro;
}
.hgroup-wrap {
padding-bottom: 0;
padding-top: 0;
}
#site-logo {
margin-top: 0;
}
.slogan-wrap .view-work {
background: #b5e6ee;
background: -webkit-linear-gradient(#f89121, #fde3c6);
background: -moz-linear-gradient(#f89121, #fde3c6);
background: -ms-linear-gradient(#f89121, #fde3c6);
background: -o-linear-gradient(#f89121, #fde3c6);
background: -webkit-gradient(#f89121, #fde3c6);
background: linear-gradient(#f89121, #fde3c6);
}
.slogan-wrap .view-work:hover {
background: -webkit-linear-gradient(#f89121, #9d5505);
background: -moz-linear-gradient(#f89121, #9d5505);
background: -ms-linear-gradient(#f89121, #9d5505);
background: -o-linear-gradient(#f89121, #9d5505);
background: -webkit-gradient(#f89121, #9d5505);
background: linear-gradient(#f89121, #9d5505);
}
.slogan-wrap {
background-color: #ef8108;
}

.widget_twitter div {
padding:0;
}

.widget_twitter ul li {
margin-bottom:1px;
}

.widget_twitter .follow-button,
.widget_twitter .xavisys-link {
margin:0 10px 10px 10px;
}

.widget_twitter .entry-meta {
display:block;
font-size:80%;
}

.widget_twitter .intent-meta a {
background: url(images/everything-spritev2.png); /** from Twitter ressources */
display: inline-block;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.widget_twitter .intent-meta a.in-reply-to {
background-position: 0 center;
}
.widget_twitter .intent-meta a:hover.in-reply-to {
background-position: -16px center;
}
.widget_twitter .intent-meta a.favorite {
background-position: -32px center;
}
.widget_twitter .intent-meta a:hover.favorite {
background-position: -48px center;
}
.widget_twitter .intent-meta a.retweet {
background-position: -80px center;