Let's take a look at customizing the look of Fancybox even beyond the basic settings that we have covered previously. Now we're going to cover the
wrapCSS setting as well as how to adjust the CSS of the default HTML that Fancybox uses.
Let's start by adding a CSS file to our HTML. Create a file called
styles.css and put it in the same directory as the
index.html file. Include the
styles.css file on the page using a
<link rel="stylesheet" type="text/css" href="styles.css">
Now that we have the
styles.css file created and loaded on the page, we can use it for all of the styles we want to add to our page.
wrapCSSsetting. Fancybox adds whatever classes ...