9 replies to this topic

[cboq]

I'm working on a new version of our youth site: cboqyouth2.wpengine.com is the development site. On the home page, we'd like to have two clickable images on either side of a features slider that contains a few embedded videos. Accordingly, I've used the sidebar-content-sidebar layout, and added the clickable images to each of the sidebars through widgets. Next I added a Features section, hoping that it could fit into the content area between the sidebars. Regrettably, it seems as though the Features section fills the entire width of the content area, obscuring the clickable images below.

Is there anyway around this? I poked around in CSS a bit, but could only get the size of the videos to shrink - the container for the features was still full-width.

If not with the Features Slider, can the TwinShot gallery or another option provide this?

Thanks for any help you can offer.

[catrina]

The overall DIV container for the feature slider would need to be resized with CSS (and it has been done before). Are you using Firebug to inspect the CSS?

[cboq]

Yes, I've been using Firebug to look at the CSS. I'm no pro at it, but here's where I was looking:

<div id="feature_slider" class="fclone_wrap home-page-videos fix">


<div id="feature-area" class="fset_height" style="overflow: hidden; height: 396px;">


<div id="cycle" class="fclone" style="position: relative; width: 990px; height: 396px;">
</div>

<div id="feature-footer" class="home-page-videos thumbs fix">

Changing the width in the "cycle" class didn't seem to do the trick - but perhaps I'm missing something.

[catrina]

You should try using the #feature_slider class.

[cboq]

Catrina,

Thanks for your help. I was able to adjust the width of the Feature Slider quite well with

#feature_slider {
width: 58% !important;
}

And this seems to be the right width between the two banners on CBOQ. But I can't sort out how to place it between the two sidebars. In the homepage template (Template 5 in this case), on the Drag & Drop, features is listed above content - so it floats above the two banners and not between them. margin-top doesn't seem to help...any other ideas? You can have a look at the dilemma at cboqyouth2.wpengine.com

Thanks again!

[catrina]

Features is intended to span the full width of the page content, so you'd need to add it to a Content Area in Drag & Drop.

[cboq]

Catrina,

Here's another option - using the Twin Shot Gallery as a (very wide) sidebar in the sidebar-sidebar-column layout:

Please Login or Register to see this Hidden Content

Is it possible to style the Twin Shot to have buttons like the Feature Slider? Hmmmm.

[cboq]

I just noticed your earlier comment - and think adding Features to the Content Area works well. Thanks so much!

[catrina]

You're welcome.

[catrina]

The topic was marked as resolved.