[Robin]

That can get a little trickier due to your graphic having text...you would need to set it as the background of the header instead of the site-title a, to get outside of the wrap constraint, and then upload a larger image, and experiment with setting the background size to be cover, maybe, and see how that goes.

An alternative approach to consider would be to split your current graphic into two images: one with just the text and photo, and use that as you are now, and then set the bricks as a repeating background on .site-header. That way, your text shouldn't get cut off, but your bricks, which is really the part that you want full width, I assume, will cover everything. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

I believe that the only way to get the Featured Posts (or Page) widget to honor paragraph breaks is to set it to show the full content. Excerpts and Content Limit both do not add paragraph markings to the output. Should be the same with the Content Archives as well. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

I think you can correct it with two tweaks. At line 1099 of your stylesheet, for .site-header .genesis-nav-menu, remove the float:right; line. At line 971, for .site-header .widget-area, add a margin: 0 auto;and I think you can remove the width there. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Yes, if you are willing to dig into your style.css file. You will want to look for pretty much everywhere that says .site-container and remove it, and apply that styling to .site-inner and .wrap (specifically the max-width: 1140px; margin: 0 auto; bits). Then if you change your .title-area width to 100% I think you'll be pretty close, although will still need some tweaking.

Play around with it in Firebug or Chrome's Developer Tools, whichever is your preferred browser, before you dig into your stylesheet. (And, of course, make sure you have a backup!) HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

I haven't tested this exact function, but this is more or less what I'm using to accomplish the same thing (gist link). If you want to use one of the image sizes you created, then swap out 'large' for the name of your image size, and of course you can change the image alignment. This should add the featured image to the beginning of the single portfolio content. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Nice looking site!

Gravity Forms has some special CSS for IE. There is a rule in there which currently looks like this:

.gf_browser_ie.gform_wrapper .gform_footer input.button {
    padding: 3px;
}

If you add this rule to your own stylesheet and change it to 12px, I think that will sort you out. You may have to make it !important to override GF. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Add a clear: both; rule to your .aboutimg selector (line 156 in your stylesheet). I'm guessing there is a slight variation in how the two browsers handle the font rendering which is making the boxes a slightly different height. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Basically, you want to toss the .site-inner div. I would use this tutorial from Bill Erickson as your starting point. A quick test on a dev site worked for me. You would probably not even need the do_action( 'be_content_area' ); just do the theme support and the get header/footer lines. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

In your style.css, in the .sidebar selector starting at line 1366, you have a text-shadow set. It's being applied to all the text in your sidebar. If you remove it, that should sort you out. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Add a margin-bottom: 0; to the same rule (sorry, I thought you only were worried about the top). That will close up quite a bit, but it looks like there is an extra <br> and blank paragraph in your entry content at the end. You may want to check in the text editor and delete anything after your meta-slider div (there is also a span which may be empty? also, be careful if you are not used to the text editor view).

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

I would suggest removing the padding you've currently added to your menu links. Then try just floating the first and last menu items left and right, respectively. eg:

li#menu-item-18 {
    float: left;
}

li#menu-item-17 {
    float: right;
}

Tinkering with it in Chrome Developer Tools, I did not see that anything was needed for the second menu item, but that may not be correct. Also, if the screen size is small, the nav moves around a bit but the logo doesn't, so you will want to tinker with that as well. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Hmmm...it looks like there's been an update released for the theme. I downloaded it and you're absolutely right, there is no Header Right Widget area. However, at least in this version of the theme, the primary and secondary navigation menu options are enabled. Is it possible for you to download the updated version of the theme and use that? I don't know how much customization you may have done on styling, etc.

If you have done a lot, you may be able to pull the relevant menu code snippets out of the new functions.php and add them to your functions.php, if they're not there. Sorry, that's a strange one.

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

I would not add it to the media query, but to the original declaration--and my suggestion was to .site-header, not .header-image .site-title a... the issue is happening because your.site-titleis set to have a width of 100%, so your menu in your widget area is being forced underneath it. As long as it's flush with the title area and everything else, it's fine, but since its width conflicts with the title area's width at 1024, and then isn't completely lined up at the smaller media queries, you're seeing the gaps. Try it with.site-header instead and see if that gives you the result you want. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Your easiest way would be to add your background color #213D27 to your .site-header. I think anything else would involve tweaking your header layout between the title-area (so it's not full width) and the widget-area. Adding the background color would keep your existing layout intact. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

It took me a few tries of looking at it, too, Paula. That generated page has quite a few divs going on and it took some staring to decide what was what. Glad you've got it sorted!

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Kim, on your original .header-image .site-header .wrap, you've got the background set up as !important, so it's overriding the media query, even though it's later. Try removing the !important and see if that sorts you.

You may need to set background-size: contain; or something similar for the media query so that the logo doesn't overflow the header area.

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

If you look into your CSS, your first issue is happening because you have the logo applied to one selector for large screens, and a different one on smaller, so it's not replacing the first. The first logo is applied to .header-image .site-header .wrap and the second to .header-image .site-title a ... make them the same and you should see some progress.

The second issue is because at line 2039 of your style.css, you've got a pixel width for your .header-image .site-title a ... try changing it to 100% instead of 480px and see if that fixes it. I am not sure you need the height in there either, but check it. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

Clare, it's possible, but it will take some patience and CSS tweaking on your part. Go ahead and add your fourth widget to your development site and then crank up Chrome's Developer Tools, or Firebug, or whatever in browser inspector you'd like to use.

First, you'll want to look at line 1344 of the style.css, which looks like this:

.home-bottom .widget:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}

Change the 3n+1 to 4n+1. Then, start experimenting with the.home-bottom .widget width, which is just above it at line 1341 of the demo site's CSS. I changed the margin-left to 2% and the width to 23.5% and seemed to be pretty close. Then you would also have to experiment and see how it looks at smaller screen sizes, and tweak the media queries as well. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

The problem is that although your gallery plugin is generating the page, it's using different selectors than your theme, so your theme's styling rules aren't applying to it. Instead of using .content for the main part of the page, it's creating a div with a class of .content-area. If you add that to the rules your site is already using for .content you should be on your way.

For example, look at your stylesheet starting at line 463:

.content,
.content-area /* add the comma in the line above and then this line */ {
	background-color: #fff;
	border-radius: 3px;
	float: right;
	margin-bottom: 30px;
	padding: 40px;
	width: 760px;
}

.outreach-pro-home .content {
	margin: 0;
}

.content-area, /* add this line so that the gallery page is correct */
.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

If you use a tool like Chrome's Developer Tools or Firebug, you can experiment with and preview what this will do to your site. Also, since you're using a responsive theme, you'll have to make sure you add .content-area rules to the relevant parts of your media queries, so that it will resize appropriately. It looks like the gallery plugin may not be mobile responsive, so you may have to do some work to make the gallery responsive as well, or consider a different gallery plugin. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Robin]

It sounds like you don't want to use the gallery, but instead insert your images at full width. You can select multiple images and insert them simultaneously, as long as you want them to all have the same attributes. Looking at your example, I'd suggest that you insert them full size (or large), and aligned center. WP will put them all into your post, and then if you want to, you can go through and add comments in between images.

Alternatively, you could look at a gallery plugin such as Envira Gallery, which would let you insert all images as a gallery, but you can do it in a single column layout, so the images will display full width anyway. HTH

---

I do the best I can with what I’ve got. (say hey on twitter)

[Author]

Posts