Featured Image – Banner

[Lykidk]

Hi,

Is there anyway we can change the height on the featured image banner?

And where can we change the overlay color opacity on the banner?

Attachments:

You must be logged in to view attached files.

[Lykidk]

This reply has been marked as private.

[Harry]

Hi,

Please add code

.page-head {
	padding: 50px 0;
}

and change 50 to your number.

You remove for several pages by edit these page and remove featured image.

Kind regards

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

[Lykidk]

Thanks.

How can we change the overlay color opacity on the featured image banner?

[Harry]

Hi,

Please add below code to CLaue > Theme Option > General Layout > Custom CSS

.page-head::before {
	background: rgba(0, 0, 0, 0.5);
}

with 0,0,0 as RGB color and 0.5 as opacity from 0.0 to 1.0

Regards

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

[Lykidk]

Thanks.

How can we change the size of the font on the featured image?

[Harry]

Hi,

Please add below code

.page-head h1 {
	font-size: 20px;
}
.page-head p {
	font-size: 14px;
}

and change 20 and 14 to your number

Regards

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

[Lykidk]

Thanks 🙂

[Author]

Posts