[nutsandbolts]

Okay, try this.

Leave the image out of Appearance > Header. Open your style.css and look for this:

#title-area {
width: 360px;
float: left;
margin: 0;
padding: 20px 0 0 0;
overflow: hidden;
}

Try changing it to this instead:

#title-area {
width: 360px;
float: left;
margin: 0;
padding: 20px 0 0 0;
overflow: hidden;
background: url(http://changinglanesministries.com/wp-content/uploads/2013/10/cropped-CL-Slide2-logopng.png) no-repeat !important;
}

If that looks odd or doesn't work, leave it that way and respond here - I'll take a look while it's in place to try to see what's wrong.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Brett,

It looks like your image has been added both in Appearance > Header and in your theme's stylesheet. Try removing the image in Appearance > Header and see if that fixes the problem. If not, let me know and I'll be glad to look again.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

There are several child themes with a news/magazine type layout. Here are just a few:

News child theme
Magazine child theme
Serenity child theme
Runway child theme

Many of the other child themes have the option for a widgetized homepage, so you could use the Genesis Featured Widget Amplified plugin to create your own layout. Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Patricia,

In your Genesis theme settings, try changing the default layout to full width - that should keep the sidebar from showing on the homepage. The caveat is that you'll have to change the layout for each page where you want the sidebar to show (using the layout settings in the post/page editor), but I'm assuming there won't be too many pages.

To force the content/sidebar layout on all blog posts without having to change them manually, you can put this code in your functions.php file:

/** Force sidebar on blog posts */
add_filter( 'genesis_pre_get_option_site_layout', 'nabm_do_layout' );
function nabm_do_layout( $opt ) {
    if ( is_single() ) { 
        $opt = 'content-sidebar';
        return $opt;
    }
}

Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Teresa,

What code/method are you using to add the signature to the bottom of your posts? If you could paste that in, hopefully we can figure out what's causing it to display incorrectly in the grid.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Yes, you can do that. In the section of your stylesheet marked for the smallest screen sizes, you can do something like

.slider {
        display: none;
}

That should hide that div so people on phones don't see it at all.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

In your stylesheet, add this:

.flexslider {
margin: 0 auto;
padding: 0;
width: 100%;
}

If that doesn't work, you may need to do it this way:

.flexslider {
margin: 0 auto !important;
padding: 0;
width: 100%;
}

That will get it centered on the page again. As for the height on mobile, it's hard to tell what's causing that, but I would check the slider settings and your stylesheet to see if there is a height in px specified anywhere. Personally, I dislike the Responsive Slider plugin for exactly this reason - I think it's very difficult to style it if your theme doesn't already support it.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Mike,

I'm able to see the buttons in both Safari and Chrome for Mac. If you're still having trouble, try using an incognito window in Chrome - if you can see them that way, you'll know it's just a browser caching issue.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

It looks like some elements of the site still have responsive CSS while others do not. For example, the width of the slider is set in px, so the slider will try to maintain that width no matter what the browser size is. I would use a tool like Firebug to go through your customizations and see which ones need to be altered for responsiveness.

Re: SEO Settings, do you have any SEO plugins installed like All-in-One SEO or Yoast? If there is any kind of active SEO plugin, the Genesis SEO settings won't show up.

Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Looks like you got the corners taken care of - do you still need help?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

The width is set like this in your stylesheet:

body {
background: #f5f5f5;
margin: 0 auto;
width: 970px;
}

You can change the width value in your custom CSS, but it will knock everything else on the site out of alignment. You could use a tool like Firebug to inspect each element and change accordingly, though it would be time-consuming. Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

It looks like the width and height of the slider are set in px in your stylesheet:

/* Slider
------------------------------------------------------------ */
.slider {
	margin: 0 auto;
	height: 430px;
	padding: 0 0 25px;
	width: 910px;
}

Instead of px, try percentages - that should allow the slider to resize depending on screen size.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Mealtog,

Can you provide a link to your site? The changes will need to be made in style.css, most likely by finding #title and/or #title-area and altering the width, but it's difficult to advise you without being able to see the site.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Sarah,

I googled and found this plugin that may be helpful: https://github.com/copyblogger/genesis-fancy-dropdowns

I haven't used it personally so I can't vouch for it, but since it's on CopyBlogger's github I'd guess it's safe to use. 🙂

Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Pinky,

You might check out the list of developers recommended by StudioPress - I'm sure someone there will be able to help you out: http://www.studiopress.com/genesis-developers

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi Anthony,

Open style.css in Appearance > Editor and look for the following:

#title-area {
float: left;
overflow: hidden;
width: 25%;
}

Change it to this:

#title-area {
float: left;
overflow: hidden;
width: 33%;
}

Then find this:

#header .widget-area {
float: right;
width: 75%;
}

And change it to this:

#header .widget-area {
float: right;
width: 67%;
}

That will adjust the width of the title area to make it big enough for the entire title, and make the header right widget area a little smaller so it doesn't get pushed down underneath. That will allow it to resize properly for tablets and phones as well.

Hope that helps!

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi!

It looks like the images are cutting off because they are too wide for the content area when you account for the margins set by the theme.

Try this in your custom CSS:

img.alignleft {
        margin: 0 0 10px 0;
}

To get rid of the gray border, add this to the custom CSS:

.post-image {
        border: none;
        padding: none;
}

If that doesn't work, you may need to try this instead:

.post-image {
        border: none !important;
        padding: none !important;
}

Hopefully that helps - if not, please post back and we can try something different. 🙂

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hi David,

Do you have a live version of your child theme? If so, it would help if you could provide a link so that we can see the issues in action.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Creo que he encontrado una solución.

Encuentra el siguiente en su CSS:

.wp-caption {
	padding: 5px;
	text-align: center;
}

Cambiar a la siguiente:

.wp-caption {
padding: 5px;
text-align: center;
max-width: 100%;

}

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[nutsandbolts]

Hola Juan,

Lo siento, pero yo no hablo español muy bien.

Veo que sus imágenes se encuentran dentro de un div. Se está creando un estilo con "width = 680px", que impide que las imágenes de cambio de tamaño para móviles.

Creo que el problema puede ser causado por los títulos bajo las imágenes. ¿Se puede eliminar el título de uno de ellos para ver si la imagen cambiará de tamaño? Tal vez va a funcionar si se pone el texto de una imagen en lugar de utilizar subtítulos. Además, está utilizando algún complemento para sus imágenes?

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Author]

Posts