Jump to content


Photo
- - - - -

Featured Slider Width - A Solution


  • Please log in to reply
57 replies to this topic

#1 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 August 2011 - 05:31 AM

Many have questioned how to narrow the width of the Featured Slider to the size of the loop (main content area) and have the sidebar to the side of the slider. I know this has been frustrating many and want to offer a quick solution. In the Platform Pro Custom Code section, under Custom CSS, add the following, replacing XXX with the width of your main content area (as set in Layout Editor. #feature_slider div.default-features {width: XXXpx;} #feature-area {width: XXXpx} .home #feature-footer {width: XXXpx;} .home #feature_slider{width:XXXpx;} .home #sidebar-wrap{margin-top:-680px;} .home #feature-area, .feature-wrap {width: XXXpx;} .home #feature-footer {width: XXXpx;} The result should be to narrow your slider and move the sidebar(s) up. But, remember to change the width of your images to match the set width you desire. Many thanks to Catrina and Makeylon for their generous contributions and help in this. Without them, I'd be just as frustrated looking for a solution.

#2 holly

holly

    Member

  • Members
  • PipPip
  • 17 posts
  • Country: Country Flag

Posted 11 August 2011 - 10:26 AM

I tried this and then added this : #feature_slider.default-features div{width: 778px;} #feature-footer.dots{width: 778px;} The first line adjusts the image to the container and the second allows to adjust dot navigation. Sadly this dose not "move the sidebar up", so its pretty pointless... still looking for a solution. Did it work for some of you?

#3 bevj

bevj

    Super Member

  • Members
  • 200 posts
  • Country: Country Flag

Posted 11 August 2011 - 06:52 PM

good work

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 11 August 2011 - 11:39 PM

You will likely need to adjust this .home #sidebar-wrap{margin-top:-680px;} to the height you desire. On one implementation of mine it worked perfectly to bring the sidebar up to exactly where I needed it. In another installation, I had to adjust from -680 to -370.

#5 artist861

artist861

    Newbie

  • Members
  • Pip
  • 2 posts
  • LocationChicago, IL
  • Framework Version:1.6
  • Country: Country Flag

Posted 15 August 2011 - 03:37 PM

I successfully moved the sidebar up but the links are not active. What am I doing wrong? My sidebar is on the left.

#6 artist861

artist861

    Newbie

  • Members
  • Pip
  • 2 posts
  • LocationChicago, IL
  • Framework Version:1.6
  • Country: Country Flag

Posted 15 August 2011 - 04:13 PM

Never mind I figured it out

#7 joie

joie

    Super Member

  • Members
  • PipPipPipPip
  • 108 posts
  • Country: Country Flag

Posted 15 August 2011 - 05:37 PM

would you mind sharing the CSS block ?

#8 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 05:34 PM

That's what i was looking for. But i can't get the sidebar up to the top. Its down right under the feature.

#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 August 2011 - 05:35 PM

S-inderbitzi, are you using Buddypress?

#10 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 05:40 PM

no i'm not. why?

#11 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 August 2011 - 05:41 PM

Buddypress has a tendency to push sidebars below the slider and keep them there.

#12 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 05:44 PM

it is down there since i inserted the css from this post. And its not just at the feature sides but on every side.

#13 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 August 2011 - 05:51 PM

Send a link to your site so I can see what's happening. Thanks.

#14 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 05:59 PM

Please Login or Register to see this Hidden Content



#15 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 August 2011 - 06:05 PM

Ah. The featured slider is too wide to allow the sidebar to move up. Look at the width of the map image, plus the width of the slider and consider there is padding around the sidebar and the slider. Add it all up and it's greater than the total width of your layout. Narrow down the slider or widen the layout and it should resolve.

#16 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 06:16 PM

I don't get it. I'm sorry. How to change the featured slider?

#17 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 August 2011 - 06:29 PM

You follow the CSS code at the top of this discussion and go into the Featured Slider settings and replace the images with ones that are narrower. Whatever number you're using for the width should be no wider than the Content Area width found in the Layout Settings. If your layout is 650px (for example), then your slider should be 630px (allowing for padding). If your slider is 700 and the layout is narrower, the slider will push the content area wider, pushing and keeping your sidebar down.

#18 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 06:33 PM

ahhh ok. i get it. Thanks. I'll try to change that.

#19 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 August 2011 - 06:40 PM

Okay. No prob. If you need more help, don't hesitate to ask.

#20 s_inderbitzi

s_inderbitzi

    Member

  • Members
  • PipPip
  • 10 posts

Posted 16 August 2011 - 06:48 PM

maybe i don't get it right. I just changed the width of the images. Now the slider and the images are 780 and the layout is 804 so that should be working now, shouldn't it?