Removing the screen on Altitude Pro

[ccarere]

Hello, am I in the right place? Seems kinda empty...

Anyhoo, I would like to lighten up the look of the first section on Altitude Pro. Is there a way to remove the screen (just on the first segment) so that the background image is a little more vibrant?

My website is https://bespokesuits.ca/

Thanks,

Christian

https://bespokesuits.ca/

[AnitaC]

Hi @ccarere, StudioPress revamped the community forum to segregate content based on themes and plugins. It will make it easier for people to help, especially by theme.

I think what you mean is that you may want that dark opacity removed so the colors can be seen? If so, this is the code in the stylesheet.

.image-section {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000", endColorstr="#e6000000", GradientType=0);
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
}

That applies to all of the image sections on the homepage. You can remove the background and filter which will render the images as it should appear.

---

Need help with customization or troubleshooting? Reach out to me.

[ccarere]

You're amazing.

Thanks Anita!

[Mad Jack]

Hello,

I'm trying to remove the dark opacity gradient on the homepage too, I think I edited the CSS correctly, but it's still showing the gradient? the site I'm working on is at http://www.rapidsupplementmfg.com

I put in the symbols so it ignores the text.

.image-section {
	/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000", endColorstr="#e6000000", GradientType=0); */
	display: table;
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
}

Thanks for any help.

[Mad Jack]

Please ignore my last post... I'm an idiot... forgot to clear my cache to test it before posting, forgot a refresh doesn't refresh .css doh!!

[ccarere]

So I can't believe 3 years later I'm asking the same question!!! But it's not working for me!

B.R.O. Pros

I changed the background and filter to "none"

/* Front Page
--------------------------------------------- */
.image-section,
.solid-section {
clear: both;
text-align: center;
width: 100%;
}

.image-section {
Background: none;
Filter: none;
display: table;
overflow: hidden;
table-layout: fixed;
width: 100%;
height: 100vh;
}

.image-section .widget-area {
display: table-cell;
text-align: center;
vertical-align: middle;
}

.image-section,
.image-section a {
color: #fff;
}

.image-section a:focus,
.image-section a:hover,
.image-section .featured-content .entry-title a:focus,
.image-section .featured-content .entry-title a:hover {
color: #0680a2;

[Author]

Posts