WP Lightbox – FancyBox Border Color Change

[jit50]

The current FancyBox popup window has a border that is white in color, and wider than I’d prefer. How can I change the FancyBox border color and width?

[wpCommerce]

Hi, there is no easier way to do this. You will need to customize the lightbox code.

[mattyb]

In the instructional video for embedding vimeo movies with fancybox – http://www.tipsandtricks-hq.com/wp-affiliate-link-manager/wp-lightbox-ultimate-video-tutorials-266

The resultant video has no frame & it looks great.

When I embed videos, they have a white frame. How does one remove the frame?

[wpCommerce]

Hi, we are looking into this issue. I will keep you posted.

[justin2016]

I am looking to remove the FancyBox border. There is a comment on this page

– “Hi, there is no easier way to do this. You will need to customize the lightbox code.”

There are a stack of files associated with this plugin and was wondering what code you’d recommend customizing to.

[wpCommerce]

@justin, can you show me exactly which border you are trying to remove (example: a screenshot)? Please also provide a link to the page where you are using that particular shortcode.

[justin2016]

Hi Moderator, I am still working locally but have uploaded a screen grab to this address – [http://www.isomorphic.com.au/EnergyCut/grab-border.jpg] – Cheers, Justin

[wpCommerce]

Hi, please install the custom CSS plugin:

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Now add the following piece of CSS code in the plugin settings box:

.fancybox-skin{

background:#FF0000;

}

You can replace #FF0000 with a suitable colour of your choice

[justin2016]

Thanks Moderator,

I can change the background colour in jquery.fancybox.css. What I am aiming to do is remove it completely – .fancybox-skin { display:none;} hides the whole thing, .fancybox-skin {background: transparent;} kind of works but means i have to lose the shadow

Cheers, Justin

[wpCommerce]

Hi, try the following:

.fancybox-skin{

padding: 0 !important;

}

[justin2016]

ahh – that’s it! Many Thanks!

[Author]

Posts