[bmaven]

In Line #248 of your CSS, the .header-image #title a is set to 10px in height. Change this to 100px.

Then in line #293, .menu-primary has a 50px margin top and bottom. You can either remove this line or change the 50px to 10px (or whatever you like) to move it up toward the top.

Hope this helps!

Warmly,
Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

If you don't already have your site title and tagline entered under Settings > General, you may need to do that as well.

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

You need to reset the code you've changed in #title-area and start again. The image won't be clickable if you add it to #title-area; you need to add it to #title a (a few lines down).

You'll want the CSS to be something like this:

#title a {
background: url(images/church-logo.png) no-repeat left top;
height: 120px;
width: 350px;
text-indent: -9999px;
}

I'll check in tomorrow to see how things are coming along. Hope this helps!

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Are you talking about the header area where the title is, or the slider? In the header area, since there are two words in your site title, it's making the title spill over onto two lines. You could adjust the width of that with CSS and it would fix that issue.

For the slider, it looks like you have the wrong slider installed. The Genesis Slider is different from the Genesis *Responsive* Slider, which is what you need. If you log in to your member area, you should find some theme documents for how to set up your site like the demo. Give a shout if these changes don't solve your problem!

Warmly,
Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

The best way to do this is with a simple text widget and HTML. You would first upload the image to your Media Library (Media > Add New) and once uploaded, click "edit" beside the image. This will take you to a new page that has the URL of the image you just uploaded, listed on the far right side. Copy that URL (ctrl +C) to your clipboard.

In a new window, go to Appearance > Widgets, drag a new text widget into place in the sidebar, and add this code:

<a href="LINK-URL" target="_blank"><img src="IMAGE-URL-FROM-MEDIA-LIBRARY" /></a>

The target= part is what will make this open in a new window. Hope this helps!

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

What method are you using to place the logo? Are you using the header uploader or placing the file in /images and inserting it with CSS?

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Hi Gage, if you'll make your site live as a demo/temporary URL and post the link, I'll be able to take a look and tell you which code you need to replace. Unfortunately, without a site to see, I can't be of any help.

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Looks like you got this taken care of - give a shout if you still need help!

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Good morning! Thanks so much to @flamenco for weighing in here. We did end up coming up with a solution, though as you guessed, it was a pure CSS fix for every element. It's amazing to me that with as many Genesis people who also like to use Woo's plugins like WooCommerce and Sensei, the folks at Woo don't provide any support for integrating them with Genesis.

For anyone else who looks at this thread, I'll give the CSS we used just for the single lesson page, though it's going to be specific to my custom theme (which is sidebar-content):

`/* WooSensei fixes */

.single-lesson #content {
width: 100%;
}

.single-lesson #main {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 40px 12px;
padding: 0 .625rem 2.5rem .75rem;
float: right;
width: 64.171123%
}
`

(Thanks to @hard-boiled-greg for the solution!)

I'll still have to fix the lesson archive; with Woo, it seems like you just have to nail down all the moving parts and get them with CSS.

Thanks so much, everyone, for your support on this issue. I hope this discussion will be helpful to other people going forward...and may even inspire someone (hint hint, Woo) to come up with a one-size-fits-all solution for Genesis users.

Warmly,
Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Thanks for posting this solution, @And_or. I'll take a look this afternoon at how it works with my site. I appreciate you. 🙂

Warmly,
Jeni Elliott
bmavendesign.com

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Hi Folks,

I started a thread on the G+ group and it sounded like @david-decker was going to be working on a solution via a plugin. There are lots of people (via Twitter and G+) who are following this!

@david-decker please let me know if you need to test the solution on my site. I'll gladly get you a login!

Warmly,
Jeni Elliott
bmavendesign.com

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

After your last changes, it's now line #636:

`#content {
background-color: #FFFFFF;
float: left;
padding: 30px 40px;
width: 450px;
}`

Place this below that line:

`.home #content {
display: block;
margin: 0 auto;
float: none;
}`

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

On line #638 you have a float:left that is cancelling out that line. You can either try placing your .home #content code below that line, or add a float: none !important; to your .home #content. The first method is preferred.

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Undo that last change, then try adding this to line 183:

`.home #content {
display: block;
margin: 0 auto;
}`

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Sure:

`.home #content {
float: none;
}`

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

I looked at the Outreach child theme, and it looks like it's structured so that the Content section is completely separate from those bottom widget areas. They're inside a separate div ID called #home-sections. I think you should try adding everything to the page (including the images for the bottom) and see if you can just target the slider through the .home #content.

Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Yes, it would affect all of the home page content - I didn't know there was more coming. 🙂 Your best bet is to create widgetized areas on the home page so that you can target the individual widget areas. E.g., a "Home Featured" widget area at the top to contain your slider and other widget areas below. Several child themes have examples of this. And then you could put the background on just the Home Featured area instead of the whole content column.

Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Hi Monique,

There's not a lot you can do about the current image you're using; you can create more padding above and below the widget titles, but it's still too wide for that space.

With your current padding settings on the widget titles, you'd need an image that's 290x35 for those spaces. If you find a new image to place there, you can drop the image into the images folder in the child theme, then find line #949 in style.css and update the URL with the name of your new image.

Hope this helps!

Warmly,
Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

It's for the excerpt, right? Have you tried using this?

`.slide-excerpt.slide-984 {
}`

Warmly,
Jeni

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[bmaven]

Hi there,

Have you tried using

`.home #content {
max-width: 600px;
}`

?

---

Blogging growth strategist & revenue coach at The Blog Maven, fearless leader of 3 preschoolers…tweeting it up @theblogmaven

[Author]

Posts