10 replies to this topic

[mjlyons13]

I managed to get a sidebar next to the feature slider on my homepage, however the sidebar is only "visible" in the part that's next to the feature. As you can see

Please Login or Register to see this Hidden Content

the links added to the sidebar widget are once again active as soon as they fall below the slider. I've tried using firebug, but can't figure it out. The custom CSS I used to get the slider there was: #feature-area, .feature-wrap, #feature_slider .fmedia, #feature_slider .fcontent, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { height: 360px; width: 615px; } .home #feature_slider {width:615px; padding-left: 350px} .home #sidebar-wrap{margin-top:-400px;} Any help would be awesome!

[Danny]

Hi,

The reason you have this issue is due to the padding-left:350px. So lets try this instead.

Can you please remove any custom code you have related to your feature slider on your hompage (please back this code up, just incase we may need it)

The add the following instead:

Please Login or Register to see this Hidden Content

That should do the trick hopefully, but if there are still issues, please reply so I can take a closer look, with the code I gave you.

[mjlyons13]

It still covers up the sidebar and looks a bit messy now. The lines goes all the way across instead of where it was, drawing a line through the sidebar.

[Rob]

Okay... Your entire CSS for the feature slider being narrowed for the sidebar is missing a few bits and bobs. Check the correct code here:

Please Login or Register to see this Hidden Content

[mjlyons13]

I had to add the float right to get it looking someone normal. I still don't like the huge gap between the 2, or the line under the slider. Plus, clicking on the "Shop Dog Apparel" image takes me to the correct link, but eliminates the back feature. That wasn't happening before. Here's what I have #feature_slider div.default-features {width: 615px;} #feature-area {width: 615px} .home #feature-footer {width: 615px;} .home #feature_slider{width:615px;} .home #sidebar-wrap{margin-top:-400px;} .home #feature-area, .feature-wrap {width: 615px;} .home #feature-footer {width: 615px;} #feature_slider {width: 615px;} .home #feature_slider { float: right; }

[mjlyons13]

Fixed the image linking, does anyone have any ideas on how to remove that white area? I'm thinking I should just redesign the slider to be wider.

[Rob]

Probably, but the slider itself doesn't seem to work and I think it's the result of the customization. You seem to have placed 3 separate posts (each slide is a custom type post), on one slide. I think that's blocking the transition of slides. However, I'll bump this up. You may want to find a slider that has that functionality built in.

[mjlyons13]

The slider works fine, I only have one slide in it right now. I'm not going to put together other slides unless they work. I've tested it as just a slider with other dummy slides and it works perfectly. It seems like a huge waste of time for me to make additional completed slides if I may have to change something. The slide is a media only slide, and I used an imagemap, that's why it appears as multiple images.

[mjlyons13]

If you want, I can add in the dummy slides so that you can observe the slider working properly.

[kastelic]

So at this point you just want to remove the white area between the sidebar and the image slider? Besides either reducing the width of the page or increasing the width of the slider, I'm not sure what exactly you are needing to do here.
If you want to center the slider you could try this:

Please Login or Register to see this Hidden Content

[mjlyons13]

Thanks! I made it 826 px (which is the width of the content area in my one sidebar setting).