[Susan Nelson]

Hi there,

Are you using the custom header feature? If so, you'll need to fix it in a couple places.

In functions.php, look around line 28 for this section and change the height and width:

//* Add support for custom header
add_theme_support( 'custom-header', array(
'default-text-color' => '000000',
'header-selector' => '.site-title a',
'header-text' => false,
'height' => 120,
'width' => 320,
) );

In style.css, look around line 925 for this section and change the width:

.title-area {
float: left;
padding-top: 10px;
padding-top: 1rem;
width: 320px;
}

And then line 965 and change the height:

.header-image .site-title a {
float: left;
min-height: 120px;
width: 100%;
}

That should do it but if not, let me know and I'll take another look.

By the way, I love the font you used in that logo. May I ask what it is? 🙂

[Susan Nelson]

You may also need to remove this from your functions.php file:

//* Add viewport meta tag for mobile browsers
add_theme_support( 'genesis-responsive-viewport' );

[Susan Nelson]

I think I saw something about this mentioned on Twitter yesterday and the culprit was a plugin. Maybe try deactivating all your plugins to see if the issue goes away. If it does, reactivate them one by one to find out which one is causing the problem.

[Susan Nelson]

No problem! I'm not sure if it will work for forums. I would test, but I recently removed my forums. Sorry about that!

[Susan Nelson]

I've been getting inundated with spam comments on one of my sites even though I have Akismet running. I installed the Invisible Captcha plugin and it put an immediate stop to it. http://wordpress.org/plugins/invisible-captcha/

[Susan Nelson]

You could use the code that Sridhar posted and then in the responsive section of your CSS, you can reverse the effect with this:

.nav-primary {
float: none;
}

Doing so should allow them to go to the center on smaller screens as expected.

[Susan Nelson]

Try #genesis-responsive-slider img (no dash before img).

[Susan Nelson]

Woohoo! 🙂 You're welcome!

[Susan Nelson]

When I add !important to it, it works. That means there's something overriding the new code. Is it still in your custom CSS (Genesis Extender)? If so, try removing it from there to see if it works.

[Susan Nelson]

I've never used the Genesis Extender plugin, so I'm not very sure what to suggest. However, when I view your CSS, I don't see the new code in the actual media query section. Just to test, can you go ahead and add it to the actual style.css file and see if it works?

[Susan Nelson]

You're welcome! 🙂

[Susan Nelson]

I just answered your post here: http://www.studiopress.community/topic/template-width-2/ . Is this about the same site?

[Susan Nelson]

Hi there,

You'll have to go through your style.css and adjust all the places that have the width set to 960px. For example, you'll need to change the primary and secondary nav, the header, site-inner, footer widgets and the footer. After that, you will need to adjust the content areas so they will expand to fit in the new widths.

Let me know if you need help with it.

[Susan Nelson]

Hi Mike,

What if you apply the border radius to the img instead of #genesis-responsive-slider (so, #genesis-responsive-slider img)? It works for me in firebug, so I'm thinking it should work. Let me know?

[Susan Nelson]

Hi Yael,

In the media query section at the bottom of your style.css, look for this:

@media only screen and (max-width: 1139px) {

.footer-widgets,
.site-container,
.wrap {
max-width: 960px;
}

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 688px;
}

.content {
width: 580px;
}

.site-header .widget-area {
width: 544px;
}

You can add text-align: center; to the .site-header .widget-area part. You may also need to add padding: 0; since you've got 10px of padding on the full size view.

Please let me know if you need help with it. 🙂

[Susan Nelson]

Do you mean you'd like to change the font size? Can you please post a link to your site?

[Susan Nelson]

Hi Nate,

I absolutely think a Genesis theme + Woocommerce would work well for you. I will say, however, that Woocommerce can get expensive depending upon how many extensions you need to use. Definitely research all of those and figure in the cost.

If you can handle basic CSS edits, you should be able to customize the backgrounds, colors, fonts, etc. But if you need to move things around or create completely new page layouts, you need to know how to work with PHP. But as you mentioned, the community here is great and you can always post your questions here. 🙂

~Susan

[Susan Nelson]

I'm glad you got it working! 🙂

[Susan Nelson]

Hi Tracy,

I think when you switch back and forth between the Visual and Text editors, code can get stripped out or changed like what you're seeing happen. Since you're already adding custom classes to your boxes, you could just go ahead and type the code for the columns, too.

Something like this:

<div class="one-third first box">
Your info here.
</div>

<div class="one-third box">
Your info here.
</div>

<div class="one-third box">
Your info here.
</div>

Let me know if you need help with it and I'll be happy to explain further. 🙂

[Susan Nelson]

This has already been fixed.

[Author]

Posts