CODEWITHSUNDEEP
jqueryfancybox
WillingLearner
WillingLearner

Reputation: 7316

Style Outside Title of Fancybox

Does anyone know how to style the title for the 'outside' version for fancybox? You have inside,outside, and over... im trying to style the outside version. I tried setting the global title tag in my css, unfortunately that seems to have no effect. Any ideas?

Upvotes: 0

Views: 1891

Answers (3)

relipse
relipse

Reputation: 1820

Here is an example of how to modify the title

.fancybox-title-float-wrap .child {
    border-radius: 3px;
    background-color: white;
    color: black;
    font-weight: bold;
    text-shadow: none;
}

Upvotes: 0

Gord
Gord

Reputation: 73

I just went through this. You change the images below to the look you want keeping the same dimensions, then change the these parts of the css.

#fancybox-title-left {
    background-image: url("fancy_title_left.png");
    background-position:0;
}
#fancybox-title-right {
    background-image: url("fancy_title_right.png");
    background-position:0;
}

#fancybox-title-main {
    background-image: url("fancy_title_main.png");
    background-position: 0 ;
}

Upvotes: 1

RubbleFord
RubbleFord

Reputation: 7636

Use firebug to see the class's, id's etc applied and then just override in your own css.

Upvotes: 0

Related Questions