Hover Box Element

[ЮлияЛеди4]

Здравствуйте!

Подскажите, пожалуйста, как мне затемнить картинку, чтобы текст был лучше виден? http://prntscr.com/on0wfd

http://prntscr.com/on0x28

С Уважением, Юлия

[Harry]

Hi,

please add below code to claue > theme option > general layout > custom CSS

.vc-hoverbox-block.vc-hoverbox-front::after {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	position: absolute;
	content: '';
	z-index: 0;
}
.vc-hoverbox-block.vc-hoverbox-front h2 {
position: relative;
z-index: 99;
}

and change rgba(0,0,0,0.6) with your RGB color as 0,0,0 and opacity from 0.0 – 1.0

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

Please reply on this topic.

You code not correct

background: rgba(0,0,0,1.0);

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[ЮлияЛеди4]

Это очень темно получилось :-)))) http://prntscr.com/on8td9

[ЮлияЛеди4]

Я поменяла на rgba(160,69,0,0.3) и стало на много лучше ;-))

[ЮлияЛеди4]

Хотя слишком затуманил картинку. Дайте, пожалуйста, лучшей код 🙂

[Harry]

I’m not sure what you want but i think rgba(160,69,0,0.3) is ok.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts