Community Forums › Forums › StudioPress Themes › Altitude Pro › Removing the screen on Altitude Pro
Tagged: Altitude Pro, remove screen
- This topic has 5 replies, 1 voice, and was last updated 9 months, 1 week ago by
ccarere.
-
AuthorPosts
-
February 19, 2021 at 6:50 pm #503143
ccarere
ParticipantHello, 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/February 19, 2021 at 9:01 pm #503145AnitaC
KeymasterHi @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.
February 20, 2021 at 8:47 am #503150ccarere
ParticipantYou're amazing.
Thanks Anita!
August 18, 2021 at 8:26 am #504398Mad Jack
ParticipantHello,
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.
August 18, 2021 at 8:47 am #504399Mad Jack
ParticipantPlease 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!!
May 13, 2024 at 5:36 pm #507970ccarere
ParticipantSo I can't believe 3 years later I'm asking the same question!!! But it's not working for me!
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; -
AuthorPosts
- You must be logged in to reply to this topic.