[samantha]

Thanks, Davinder. That's great feedback. I had #2 re. the slider on my list already, I just haven't figured out how to do it yet 🙂

Thanks again, Samantha

[samantha]

Hi Matt,

Is this what you're looking for? http://www.studiopress.com/theme/news-2

Hope that helps.

Sam

[samantha]

Thanks again, Helena. That worked perfectly.

I had forgotten that it doesn't matter what order these things are pasted in (rookie!). I have put it in my Genesis theme style.css.

Thank you!

P.S. This is the code that I pasted into style.css to reduce the size of the Related Product images, just for reference in case someone else is looking for it:

.woocommerce .related ul.products li.product, .woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .upsells.products ul.products li.product, .woocommerce-page .upsells.products ul li.product {
width: 24% !important;
}

[samantha]

Thanks, Helena.

Umm, where should I paste that?!

Thanks for the tip about the related product items too; I'd done that for another site and forgotten how to do it again... oops 🙁

Samantha

[samantha]

Thanks, Brad. I'll try one of those options.

Cheers

Samantha

[samantha]

Hi Carrie,

Thanks for the response. I didn't want to remove the responsive functionality completely, just the "flex" on the image. Jennifer from the support team helped me out with this.

Thanks again for the reply - I'll go and make sure I don't have any other outstanding threads.

Cheers,

Sam

[samantha]

Here's the reply I got from StudioPress support (pasting it in case anyone else has the same issue):

In your functions.php file, look for the custom header function.

Change it to this:

/** Add support for custom header */
add_theme_support( 'custom-header', array(
    'default-image'     => get_stylesheet_directory_uri() . '/images/header.jpg',
    'flex-height'       => true,
    'flex-width'        => true,
    'header-text'       => false,
    'height'            => 550,
    'width'             => 990,
    'wp-head-callback'       => '__return_false',
) );

The only difference is the last line and the comma after 990. It is very important that the function look exactly like the above to prevent an error on your site.

[samantha]

Thanks again, Dave, I have done exactly that! Let's see what they say 🙂

[samantha]

Thanks for your reply, Dave. I rechecked the theme instructions and what I did follows that:

"Set up Header area: The large image at the top of the site is a header image. Visit Appearance -> Header to upload your own. For the text, go to Appearance -> Widgets. Drag a text widget to the Header Right widget area. Fill in with whatever text you like."

If I delete the DIV to fix the header, do you think it will mess up other things? Or perhaps I can add the header image directly into the file manager?

Thanks for your help. I'm still a newbie doing copy/paste/test 🙂

Sam

[samantha]

Ha ha, just figured out what happened on my site - it's the responsive design. On my large second monitor, menu is on left. On my laptop the menu is at the top. Thought I'd leave the comment here in case anyone is as silly as me 🙂

[samantha]

I set up a site like this last night and although I followed the instructions the menu appeared at the top. I tried everything I could think of to move it to the left. Today I logged in again - and there it is on the left...!

[samantha]

I assume that the place you've already tried to change it is Settings > Reading > Blog pages show at most.

Check whether there's any options to change it under Genesis > Theme Settings.

[samantha]

Problem solved - using a different template 🙂

[samantha]

Thanks Ozzy. I've been playing around with this today. I've experimented a lot, and learned a lot, but still not got it right!

I couldn't figure out the right spot to do this in the media query section, so I tried your first suggestion.

I added background colours to a bunch of places in the header (!) and I also made the changed the actual custom header size to match my logo in my functions.php. If I add the blue background to the title area, it covers up the logo. Also, on a really wide screen or on iPhone, the logo is too far to the left. What have I done?!

This is the code that's currently in the header section of style.css:

#header {
	background-position: top left !important;
	background-color: #2a2869;
	min-height: 178px;
	overflow: hidden;
	width: 100%;
}

#title-area {
	float: left;
	margin: 32px 0 0;
	width: 25%;
}

#title {
	font-family: 'Lato', sans-serif;
	font-size: 42px;
	font-weight: normal;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	color: #fff;
	text-decoration: none;
}

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 178px;
	overflow: hidden;
	text-indent: -9999px;
}

.header-image #title-area {
	margin: 0;
	width: auto;
}

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a,
.header-image #title,
.header-image #title a {
	width: 100%;
}

#description {
	color: #fff;
	font-size: 16px;
}

.header-image #description {
	display: block;
	overflow: hidden;
}

#header .widget-area {
	float: right;
	background-color: #2a2869;
	height: 178px;
	width: 75%;
}

Do you have any hints for the next step?

Thanks so much.

[samantha]

Thanks Ozzy & Stewart for taking a look 🙂

Ozzy, your website is great! Doesn't have that recognisable Genesis template look!

Stewart, that is on my list of things to figure out. This was the default when I changed the settings to only show excerpts of the posts. Love the clean design of your website.

[samantha]

Glad you worked it out! Please remember to mark this thread as resolved then 🙂

[samantha]

Have you tried adding the "Pages" widget to one of your footer widget areas?

[samantha]

frobn, I did find that later and had done as you suggested. Much tidier!

Thanks very much wwemdes & Susan - it's now just right 🙂

I changed the code to:

body {
background: #FFFFFF repeat-x;
color: #333333;
font-size: 14px;
font-family: Georgia, Times New Roman, Trebuchet MS;
margin: 0 auto 0;
padding: 0;
line-height: 24px;
}

Thanks again.

[samantha]

Thanks, Susan. Will try that tomorrow.

[samantha]

The black box is still there, but it did move the site title and description down below the box which looks better than when the box was over the top of the title/description text.

Ideally I'd still like to remove that black strip from the top of the page altogether. Any ideas?

Thanks for your help. So much to learn... sigh.

[Author]

Posts