Big Feature Slider styles

Vfxdude » BigFeature

Big Feature Slider styles

(15 posts) (5 voices)

Started 3 years ago by drhodes
Latest reply from vfxdude

Tags:

drhodes
Member

I'm trying to edit some of the styling for the slider, but can't seem to find the styles. firefox dev plugin showed me that they are embedded styles. Where are these embedded styles?

Posted 3 years ago #
vfxdude
admin

because they are dynamic.

Posted 3 years ago #
drhodes
Member

so how do I change them? Please explain a little, I'm a rookie.

Posted 3 years ago #
vfxdude
admin

what do you want to change? Much can be changed with parameters in the shortcode. For example:
[bfslider name="featured" type="category" imagesize="normal" numwords="40" height="350" maximageheight="300" bgcolor="#666" color="#fff"]

more parameters can be found here.

Posted 3 years ago #
drhodes
Member

Mainly I want to remove the 20px margin at the bottom, and I'd like to be able to change the buttons.
This is the code I want to change, but I don't know where to find it:(below) Can you please tell me where to access these styles?

Posted 3 years ago #
vfxdude
admin

as I said, there are parameters for the shortcode for this.

Posted 3 years ago #
drhodes
Member

I'm trying to get the bottommargin to be 0px. This is the short code I'm using
[bfslider name="slides" type="page" height="320" buttons="false" marginbottom="0"]
I can't get rid of the 20px margin at the bottom, even with the shortcode set to 0. If I increase that number it works, but I can't get it to be less than 20. Am I doing something wrong?

Posted 3 years ago #
vfxdude
admin

looked into this, and it is the buttons that causes the extra 20px bottom margin, even if they are hidden. I added a class to them and set the margin to 0, this will be fixed in the new version, but a quickfix is to set the margin 0 on the controls-slides id. Like this: #controls-slides { margin-bottom:0; }

Posted 3 years ago #
illusio
Member

Any idea on how to replace the default arrows via CSS. I'm trying this but can't seem to find the container for the button:

#prevBtn-slides a {
background: url(images/btn_slide_next.png) no-repeat !important;
}

- Chuck

Posted 3 years ago #
vfxdude
admin

.sliderbuttons #prevBtn-slides a { }

Posted 3 years ago #
raphael-y2
Member

Hey, guys.

I`m having a problem only in Firefox with BF Slides - Using a embedded video.
On IE and Safari it works great - but in firefox, the video shows outside the container, beside the previous slide .

here it is - http://site.ypsilon2.com - open with Firefox to see the bug.

thanks

Raphael

Posted 3 years ago #
vfxdude
admin

add wmode="opaque" to the embed code like this <embed wmode="opaque"

Posted 3 years ago #
raphael-y2
Member

Thanks again VFXdude

Regards

Posted 3 years ago #
davidpierce
Member

I'm trying to put a border around the slider to differentiate it from what I've got underneath it, without having to put tons of white space. Is that possible?

Also, I want to have a slider above the posts on the homepage, but without being the full width of the page (so the sidebar would still be next to it). I've tried a few things, and can't seem to get it to not push the sidebar down. Any ideas?

Thanks!

Posted 3 years ago #
vfxdude
admin

here's css to add a border around the slider:

.bfslider { border: 1px solid #ddd; }

if you want a thicker border you have to reduce the slider width parameter (it defaults to full width (848) if not specified)).

it's not possible to add the slider to the content area, but there's a way around it. You can create a page with html like this:

<div id="content">[bfslider width="528"]</div> <div id="sidebar">test</div>

and then add it to the "Adspace - Blog home below nav" widget area with the BF Page widget. Then you have to manually insert stuff to that sidebar though (like insert images or text).

Posted 3 years ago #

RSS feed for this topic

Reply

You must log in to post.