[cwalsh]

You need to use the widget areas to show the content you want to be placed on the home page. Follow the instructions for the theme setup in your Member/Downloads area to add content to the widgets you have setup.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

You have an error in your css. You min-height should be 213px (missing p)

.header-image .site-title, .header-image .title-area {
min-height: 213x;
padding: 0;
}

In this style there is also an error in the height.

.header-full-width .title-area, .header-full-width .site-title {
width: 100%;
height: 100%px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

I'm not sure if this is what you mean but there is padding on the .title-area. If you change it to 0 the top of the title text will line up with the top of Translate on the right.

.title-area {
float: left;
padding-top: 30px;
padding-top: 3rem;
width: 380px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Twiggy,

You will need to reduce the width of your .widget-area. Right now it's 820px and the title area width is 600px which exceeds the 1140px wrap max -width. You need a width of 540px or less so they fit beside each other.

.site-header .widget-area {
float: right;
width: 820px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Bruce,

You need to adjust the padding on .site-inner. Changing it to a smaller number will reduce the space between your navigation bar and the black bar "Helping you build...".

.site-inner {
clear: both;
padding-top: 40px;
padding-top: 4rem;
}

Although, I think it looks great as is. There's an even amount of white space in the whole header area.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi macnrwanda08,

You should be able to achieve this by making a few small CSS adjustments.

Set your title-area width to 100%

#title-area {
float: left;
overflow: hidden;
padding: 27px 0 0;
overflow: hidden;
width: 100%;
}

Set your widget-area width to 100%

#header .widget-area {
float: right;
min-height: 95px;
padding: 25px 0 0 0;
position: relative;
width: 100%;
}

Then set the float of your #header .menu to left

#header .menu {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background: #f8f8f8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
bottom: 0;
clear: both;
color: #747474;
float: left;
font-size: 14px;
position: absolute;
right: 0;
text-shadow: #fff 1px 1px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Senrab,

You can set the search form to appear in your primary navigation in the Genesis Theme Settings >> Navigation and then select search form from the drop-down of items.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi PacMan3000,

To change the background you need to update the following code. You will either need to create a new image and upload it via FTP over the previous one OR change the background to a flat color eg #999999. This is assuming that you have the default color scheme chosen (If you want to customize with your own colors, I would recommend you set it to default).

#inner {
	background: url(images/bg-top.jpg) repeat-x top;
	clear: both;
	padding: 40px 0 20px;
	overflow: hidden;
}

To change your hyperlink colors, edit the color: in this code.

a,
a:visited {
	color: #34678a;
	text-decoration: underline;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi PainterMommy,

I'm sorry that didn't work but I think I might have another solution for you. The theme has a custom home page layout that I think might be conflicting with you setting your landing page as the home page. Do you have FTP access for your site? Try downloading the front-page.php file to your computer and then delete it from the theme folder on your web server. Make sure your landing page is set to the front page in my previous message and then test it to see if the home page is set properly.

Caley

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Paddy87,

Add this to your stylesheet

.content {
float: right;
background: #fff;
border: 1px solid #f5f5f5;
padding: 5em 3.5em;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi PainterMommy,

To set your landing page as the home page rather than using the home page layout on the theme, you need to go to Settings>>Reading, set 'Front Page Displays' to 'A static page (see below)' and then select your Landing page from the dropdown list.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Ravi,

You will have to adjust the margins in the site-container. Right now it is set to a top and bottom margin of 60px. Change it to this and you will remove the top margin.

.site-container {
background-color: #fff;
border: 1px solid #e3e3e3;
margin: 0 auto 60px;
margin: 0 auto 6rem;
max-width: 1140px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

It appears that the "Subscribe to SSCharm to receive email updates" post doesn't have a featured image so there is nothing to show in that top section of image.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Sscharm,

I just looked at your site and see all 5 of the images. Did you fix it or perhaps it was just a minor glitch.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

This reply has been marked as private.

[cwalsh]

Hi Mike,

It is set like that in the stylesheet. Delete border-top: none from the styles below and the top border will appear.

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background: none;
	background-color: #fff !important;
/*trim color of the pull down menu selection */
	border: 1px solid #00204E;
	border-top: none;
	color: #666 !important;
	font-size: 12px;
	padding: 10px;
	position: relative;
	text-transform: none;
	width: 143px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Colin,

Do you want to remove the entire black bar that is at the top with Richard Graham in it? If that is what you want to do you can add display:none to the site-header style

.site-header {
display: none;
background: url(images/texture.png);
min-height: 65px;
position: fixed;
width: 100%;
z-index: 999;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

This reply has been marked as private.

[cwalsh]

It appears that you have added widgets to the incorrect widget area, Header Right. If you want those widgets to appear in the sidebar of your interior pages, you need to move them into the Primary Sidebar widget area.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

It looks like it is the box shadow on .site-inner. Either remove them from the CSS or change the 1px to 0

.site-inner {
-moz-box-shadow: 0 0 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px #fff;
background-color: #fff;
box-shadow: 0 0 0 1px #fff;
clear: both;
margin: 0 auto;
overflow: hidden;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[Author]

Posts