Right aligning a slider in Prose/Recommended slider plugins?

[webmonkey]

I am trying to right align a slider at the top of this development site:
http://grapefruitmoongallery.com/reloaded/

Mockup showing desired slider location:
http://grapefruitmoongallery.com/reloaded/wp-content/uploads/2013/02/desired-slider-location.png

I was using Genesis Hooks/Genesis Simple Hooks plugins to try and ID the location but it wasn't clear.

What's the best way to do this? Presumably I need to hook a widgeted area to something up there on the top and stick a slider widget in it.

And, secondly, can anyone recommend a decent slider plugin? Specs are that it can draw the title and featured image from the latest Posts/plus show other specified Pages. I've been through several recently, and haven't found a good one I'm happy with.

[SoZo]

There's a good tutorial on adding sidebars here. And refer to the hook reference and visual markup guide here.

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[webmonkey]

Thanks John, those are helpful resources.

I guess the problem I'm having is that I have a three column site, and want the slider at the beginning of two of them.

I thought that the #content-sidebar-wrap would work, so those two columns move down when the slider is at the top of them (but #sidebar-alt remains unmoved).

However, the only hook available seems to be "genesis_before_content_sidebar_wrap", which StudioPress describes as "execut[ing] immediately before the div block that wraps the content and the primary sidebar (outside the #content-sidebar-wrap div)." This moves all three columns, #sidebar, #sidebar-alt and #content.

Web design was way easier back in the day of tables. This CSS positioning stuff is painful.

[SoZo]

Try the before_content hook

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[webmonkey]

That's not wide enough, it's just the #content column and I need it across #content and #sidebar both.

This is where I'm trying to get it (spanning #content and #sidebar):
http://grapefruitmoongallery.com/reloaded/wp-content/uploads/2013/02/desired-slider-location.png.

Just to be clear, #content-sidebar-wrap does or doesn't include #sidebar-alt? I think it does, as when I have the slider in that space, it also pushes down the left column a.k.a. #sidebar-alt.

[webmonkey]

My bad, your suggestion totally worked. I had read that as "in the content" not "before the content". Thanks so much John!

[SoZo]

You're welcome 🙂

---

John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

[Author]

Posts