[sebgates]

Thanks Brad. I will take a look. I appreciate you looking into the issue.

[sebgates]

Thanks Brad, your a star. I will give your code a go.

[sebgates]

Thanks Brad. I had already read your blog post when I Googled the problem. I was trying to hook an image above the main content area. It seems the blog page template is hard to use Conditional Hooks on unlike the other templates in Genesis. I solved the problem using the Views plugin in the end by creating a short code for the blog page and adding it to a normal page template. Thanks for answering my question.

[sebgates]

I figured it out.

[sebgates]

It seems you need to use a png image with opacity and report it as the background. I could not get anything else to work.

[sebgates]

Thanks Peter, that sorted it. Top man. I did do this myself a year ago but I have forgotten what I did to achieve it. I will add your code to my snippets file.

[sebgates]

It's not Genesis, it's jQuery UI. If anyone else has this problem, add this to your style sheet:

#accordion .ui-state-focus{
outline: none;
}

[sebgates]

Ok, thanks.

[sebgates]

Thanks for your time on this. You have been really helpful. I like your website by the way, nice mouse over effects on the 3 columns under the call to action.

Seb

[sebgates]

Andrea, I did try adding the code into my functions php file and I got a fatal error message. Would you know what I would add to my functions file to get rid of the scripts box in the admin area/page view? Have you tested the code yourself? Perhaps I did not understand Tom's instructions.

Thanks for your time, Seb

[sebgates]

OK, I will give it a go.

Thanks

[sebgates]

Thanks Brad, that was quick.

I am not self hosting. I just want to use the fonts the best was I can. So if I wanted to enqueue the fonts from fonts.com on a project, would it look like this?

add_action( 'wp_enqueue_scripts', 'your_enqueue_scripts' );
function your_enqueue_scripts() {

wp_enqueue_style( 'web-fonts', '//fast.fonts.net/cssapi/77b667e4-995f-4792-ac5b-3711808c3891.css', array(), CHILD_THEME_VERSION );

}

[sebgates]

Thanks Sridhar. That solved my problem.

[sebgates]

Try copying this in your functions php file:

//* Add support for structural wraps
add_theme_support( 'genesis-structural-wraps', array(
'header',
'nav',
'subnav',
'inner',
'footer-widgets',
'footer'
) );

And then add relevant css for the elements in your style sheet:

For example:

#nav .wrap {
margin:0 auto;
max-width: 1152px;
}

#header .wrap {
margin:0 auto;
max-width: 1152px;
}

It depends what theme you are using. I only use the Sample theme and develop sites from that. The new sample theme has support for these wraps by default.

Hope that helps - Seb

[sebgates]

I figured it out. Sidebar and content now have fixed pixel widths.

[sebgates]

It's OK, I figured it out.

Thanks - Seb

[sebgates]

I have fond this on a blog for creating wraps to other elements. Would I just add the name of my new div to the list?:

//* Add support for structural wraps
add_theme_support( 'genesis-structural-wraps', array(
'header',
'nav',
'subnav',
'inner',
'footer-widgets',
'footer'
) );

[sebgates]

Thanks Brad. Ironic that a tutorial was on the website I was looking to reference 🙂

I think I understand what I need to learn. Action hooks and filters will give me a few more options with designing layouts.

Thanks again - Seb

[sebgates]

As it happens the scale to viewport did not do the job. The correct code was the one I found on CSS Tricks:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

I think the way to do it is to find a way to make the whole framework unresponsive and then add the code in your head section. The code makes iPhone. ipad devices scale the web site properly.

The way to get round the header issue in Genesis is to use this plug in. http://designsbynickthegeek.com/plugins/genesis-responsive-header

I have only been using Genesis for about 6 months so I am no expert.

Hope that helps - Seb

[sebgates]

I figured it out: <meta name="viewport" content="width=device-width; initial-scale=0; maximum-scale=1.0;">

Make the initial scale =0

[Author]

Posts