youtube style seat

If you want to add custom style rules, you can simply add them to your themes style.css file. Or you can use a plugin like Jetpack and activate the Custom CSS module which will add a admin page to your WordPress back-end…

yes, i found now , sorry i need to get your help. where can i put it on exactlly ?

‘YouTube’ => array(
‘title’ => __(‘YouTube’,’easy-fancybox’),
‘input’ => ‘multiple’,
‘options’ => array(
‘intro’ => array (
‘hide’ => true,
‘description’ => __(‘To make any YouTube movie open in an overlay, switch on Autodetect or use the class “fancybox-youtube” for its link.’,’easy-fancybox’) . ‘
‘
),
‘autoAttribute’ => array (
‘id’ => ‘fancybox_autoAttributeYoutube’,
‘input’ => ‘checkbox’,
‘hide’ => true,
‘default’ => ‘1’,
‘selector’ => ‘href*=”youtube.com/watch”‘,
//’href-replace’ => “return attr.replace(new RegExp(‘watch\\\?v=’, ‘i’), ‘v/’)”,
‘description’ => __(‘Autodetect’,’easy-fancybox’)
),
‘autoAttributeAlt’ => array (
‘id’ => ‘fancybox_autoAttributeYoutubeShortURL’,
‘input’ => ‘checkbox’,
‘hide’ => true,
‘default’ => ‘1’,
‘selector’ => ‘href*=”youtu.be/”‘,
//’href-replace’ => “return attr.replace(new RegExp(‘youtu.be’, ‘i’), ‘www.youtube.com/v’)”,
‘description’ => __(‘Autodetect Short links’,’easy-fancybox’) . ‘
‘
),
‘tag’ => array (
‘hide’ => true,
‘default’ => ‘a.fancybox-youtube, area.fancybox-youtube, li.fancybox-youtube a:not(li.nofancybox a)’
),
‘class’ => array (
‘hide’ => true,
‘default’ => ‘fancybox-youtube’
),
‘type’ => array(
‘default’ => ‘iframe’
),
‘width’ => array (
‘id’ => ‘fancybox_YoutubeWidth’,
‘title’ => translate(‘Width’),
‘label_for’ => ‘fancybox_YoutubeWidth’,
‘input’ => ‘number’,
‘step’ => ‘1’,
‘min’ => ‘420’,
‘max’ => ‘1500’,
‘sanitize_callback’ => ‘intval’,
‘class’ => ‘small-text’,
‘default’ => ‘640’,
‘description’ => ‘ ‘
),
‘height’ => array (
‘id’ => ‘fancybox_YoutubeHeight’,
‘title’ => translate(‘Height’),
‘label_for’ => ‘fancybox_YoutubeHeight’,
‘input’ => ‘number’,
‘step’ => ‘1’,
‘min’ => ‘315’,
‘max’ => ‘900’,
‘sanitize_callback’ => ‘intval’,
‘class’ => ‘small-text’,
‘default’ => ‘360’,
),
‘padding’ => array (
‘id’ => ‘fancybox_Youtubepadding’,
‘title’ => translate(‘Border’),
‘label_for’ => ‘fancybox_Youtubepadding’,
‘input’ => ‘number’,
‘step’ => ‘1’,
‘min’ => ‘0’,
‘max’ => ‘100’,
‘sanitize_callback’ => ‘intval’,
‘class’ => ‘small-text’,
‘default’ => ‘0’,
‘description’ => ‘

‘
),
‘titleShow’ => array (
‘id’ => ‘fancybox_YoutubetitleShow’,
‘input’ => ‘checkbox’,
‘noquotes’ => true,
‘default’ => ”,
‘description’ => __(‘Show title’,’easy-fancybox’)
),
‘titlePosition’ => array (
‘id’ => ‘fancybox_YoutubetitlePosition’,
‘title’ => __(‘Title Position’,’easy-fancybox’),
‘label_for’ => ‘fancybox_YoutubetitlePosition’,
‘input’ => ‘select’,
‘options’ => array(
‘float’ => __(‘Float’,’easy-fancybox’),
‘outside’ => __(‘Outside’,’easy-fancybox’),
‘inside’ => __(‘Inside’,’easy-fancybox’)
),
‘default’ => ‘float’,
),
‘titleFromAlt’ => array (
‘id’ => ‘fancybox_YoutubetitleFromAlt’,
‘input’ => ‘checkbox’,
‘noquotes’ => true,
‘default’ => ‘1’,
‘description’ => __(‘Allow title from thumbnail alt tag’,’easy-fancybox’)
),
‘onStart’ => array (
‘noquotes’ => true,
‘default’ => ‘function(selectedArray, selectedIndex, selectedOpts) { selectedOpts.href = selectedArray[selectedIndex].href.replace(new RegExp(\’youtu.be\’, \’i\’), \’www.youtube.com/embed\’).replace(new RegExp(\’watch\\\?(.*)v=([a-z0-9\_\-]+)(&|&|\\\?)?(.*)\’, \’i\’), \’embed/$2?$1$4\’); var splitOn = selectedOpts.href.indexOf(\’?\’); var urlParms = ( splitOn > -1 ) ? selectedOpts.href.substring(splitOn) : “”; selectedOpts.allowfullscreen = ( urlParms.indexOf(\’fs=0\’) > -1 ) ? false : true }’
)
)
),

yes, now i found . so where can i put it on ?

'YouTube' => array(
			'title' => __('YouTube','easy-fancybox'),
			'input' => 'multiple',
			'options' => array(
				'intro' => array (
					'hide' => true,
					'description' => __('To make any YouTube movie open in an overlay, switch on Autodetect or use the class "fancybox-youtube" for its link.','easy-fancybox') . '<br />'
					),
				'autoAttribute' => array (
					'id' => 'fancybox_autoAttributeYoutube',
					'input' => 'checkbox',
					'hide' => true,
					'default' => '1',
					'selector' => 'href*="youtube.com/watch"',
					//'href-replace' => "return attr.replace(new RegExp('watch\\\?v=', 'i'), 'v/')",
					'description' => __('Autodetect','easy-fancybox')
					),
				'autoAttributeAlt' => array (
					'id' => 'fancybox_autoAttributeYoutubeShortURL',
					'input' => 'checkbox',
					'hide' => true,
					'default' => '1',
					'selector' => 'href*="youtu.be/"',
					//'href-replace' => "return attr.replace(new RegExp('youtu.be', 'i'), 'www.youtube.com/v')",
					'description' => __('Autodetect Short links','easy-fancybox') . '<br />'
					),
				'tag' => array (
					'hide' => true,
					'default' => 'a.fancybox-youtube, area.fancybox-youtube, li.fancybox-youtube a:not(li.nofancybox a)'
					),
				'class' => array (
					'hide' => true,
					'default' => 'fancybox-youtube'
					),
				'type' => array(
					'default' => 'iframe'
					),
				'width' => array (
					'id' => 'fancybox_YoutubeWidth',
					'title' => translate('Width'),
					'label_for' => 'fancybox_YoutubeWidth',
					'input' => 'number',
					'step' => '1',
					'min' => '420',
					'max' => '1500',
					'sanitize_callback' => 'intval',
					'class' => 'small-text',
					'default' => '640',
					'description' => ' '
					),
				'height' => array (
					'id' => 'fancybox_YoutubeHeight',
					'title' => translate('Height'),
					'label_for' => 'fancybox_YoutubeHeight',
					'input' => 'number',
					'step' => '1',
					'min' => '315',
					'max' => '900',
					'sanitize_callback' => 'intval',
					'class' => 'small-text',
					'default' => '360',
					),
				'padding' => array (
					'id' => 'fancybox_Youtubepadding',
					'title' => translate('Border'),
					'label_for' => 'fancybox_Youtubepadding',
					'input' => 'number',
					'step' => '1',
					'min' => '0',
					'max' => '100',
					'sanitize_callback' => 'intval',
					'class' => 'small-text',
					'default' => '0',
					'description' => '<br /><br />'
					),
				'titleShow' => array (
					'id' => 'fancybox_YoutubetitleShow',
					'input' => 'checkbox',
					'noquotes' => true,
					'default' => '',
					'description' => __('Show title','easy-fancybox')
					),
				'titlePosition' => array (
					'id' => 'fancybox_YoutubetitlePosition',
					'title' => __('Title Position','easy-fancybox'),
					'label_for' => 'fancybox_YoutubetitlePosition',
					'input' => 'select',
					'options' => array(
						'float' => __('Float','easy-fancybox'),
						'outside' => __('Outside','easy-fancybox'),
						'inside' => __('Inside','easy-fancybox')
						),
					'default' => 'float',
					),
				'titleFromAlt' => array (
					'id' => 'fancybox_YoutubetitleFromAlt',
					'input' => 'checkbox',
					'noquotes' => true,
					'default' => '1',
					'description' => __('Allow title from thumbnail alt tag','easy-fancybox')
					),
				'onStart' => array (
					'noquotes' => true,
					'default' => 'function(selectedArray, selectedIndex, selectedOpts) { selectedOpts.href = selectedArray[selectedIndex].href.replace(new RegExp(\'youtu.be\', \'i\'), \'www.youtube.com/embed\').replace(new RegExp(\'watch\\\?(.*)v=([a-z0-9\_\-]+)(&|&|\\\?)?(.*)\', \'i\'), \'embed/$2?$1$4\'); var splitOn = selectedOpts.href.indexOf(\'?\'); var urlParms = ( splitOn > -1 ) ? selectedOpts.href.substring(splitOn) : ""; selectedOpts.allowfullscreen = ( urlParms.indexOf(\'fs=0\') > -1 ) ? false : true }'
					)
				)
			),

ok, i found now. shoud i replace fancybox-x.png to url ?

#fancybox-bg-s {
    bottom: -20px;
    left: 0px;
    width: 100%;
    background-image: url("fancybox-x.png");
    background-position: 0px -20px;
}

Better not edit plugin files. Your modifications will be lost on the next update.

If you’re using a custom theme, you can add the following CSS to the themes style.css but if you’re using a theme installed straight from the Themes repository, the same thing applies: your changes will be lost on the next update.

In that case, install Jetpack and activate the module Custom CSS. Then on the new Appearance > Edit CSS admin page, add the following style rule.

#fancybox-bg-s {
    background-image: url("//url.of/your/custom-x.png") !imporant;
}

(note that !important is important there)