Background Image Opacity - Question | JoomShaper

Background Image Opacity

AE

Atila Ertas

Template 3 years ago

Hello,

Is it possible to change the opacity of the background images in the Newsberg template?

0
7 Answers
Pavel
Pavel
Accepted Answer
3 years ago #13813

This is not the opacity of background images, but overlay. You can override it through CSS. Determine through the browser code inspector this item, override the code and insert in the custom.css file. For example The code for override will be such

.sppb-addon-articles-layout.layout-arabica .leading-item .sppb-addon-article::after {
    background-image: none;
}

As for the slider, there is a setting for this.

Also how can we delete the bookmark option on the slider

It must be a specific type of content inside the slider. Replace it on your own. I have not used this template and I can not say for sure.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #13707

Hi there!

Thanks for your query.

Would you please give me screenshots and redirection to which background image you are talking about along with the site URL?

Best Regards

0
AE
Atila Ertas
Accepted Answer
3 years ago #13714

Hello

Here is the image: https://imgur.com/jhfHoR9

The website is on a localhost. I can share the backup file.

0
Pavel
Pavel
Accepted Answer
3 years ago #13741

Hi. In CSS there is no OPACITY property for background images. Therefore, you can do it only through Photoshop. Perhaps you were not accurate in terminology and mean something else?

0
AE
Atila Ertas
Accepted Answer
3 years ago #13769

Hello Pavel,

Original of the screenshot 1 was prepared in the Photoshop. As it was uploaded to the website (Screenshot 1), you can see that picture is not as bright as the original. This issue was also observed in the slider as well (Screenshot 2). Also how can we delete the bookmark option on the slider (Screenshot 2)?

Screenshot 1: https://imgur.com/mctfsFc Original of Screenshot 1: https://imgur.com/GYuidTl Screenshot 2: https://imgur.com/37Qf7c0

0
AE
Atila Ertas
Accepted Answer
3 years ago #13886

Hello Pavel,

The custom.css worked, thank you so much for the response. However, the article slider doesn't have an option to disable the bookmark option. There are no specific buttons for that.

Also, when I change the disable category option in the article slider. A black solid line appears on the slider. Here is the image: https://imgur.com/9hrQIhZ

Is there a way to make it a solid background? It is strange because it looks like a solid background with the category option shown.

0
Pavel
Pavel
Accepted Answer
3 years ago #13933

Hi. I'm sorry, but as I wrote above, I did not use this template. Most likely, there is a specific CSS code for it, which you can find through the browser code inspector and override. Or wait joomshaper employees answer.

0