Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Can width of Features Section be resized?


Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

9 answers to this question

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

You should try using the #feature_slider class.

Share this post


Link to post
Share on other sites

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Catrina,

Here's another option - using the Twin Shot Gallery as a (very wide) sidebar in the sidebar-sidebar-column layout: http://cboqyouth2.wpengine.com/twin-shot-demo/

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

You're welcome.

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites