Community Forums › Forums › Archived Forums › General Discussion › Altitude Pro Front Page One Dark Overlay and Scrolling
- This topic has 2 replies, 2 voices, and was last updated 6 years, 9 months ago by joyrandel.
-
AuthorPosts
-
July 18, 2017 at 9:42 am #209265joyrandelMember
Hello -
Altitude Pro Theme:
How can I remove the grey screen (dark overlay) that appears over the background image at the top of the front page? (front-page1)? How can I make the image appear to scroll from top to bottom? Right now it looks like it scrolls from bottom to top.WordPress 4.8
http://missioncottages.com
Genesis 2.5.2
Altitude Pro 1.1.2July 18, 2017 at 12:21 pm #209278Victor FontModeratorLook for the following CSS in style.css around line 1249 and comment out all of the background gradients:
Before:
.image-section { background: -moz-linear-gradient(top, 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%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, 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%); background: -o-linear-gradient(top, 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%); background: -ms-linear-gradient(top, 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%); 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%; }
After:
.image-section { /* background: -moz-linear-gradient(top, 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%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9))); background: -webkit-linear-gradient(top, 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%); background: -o-linear-gradient(top, 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%); background: -ms-linear-gradient(top, 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%); 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%; }
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?July 18, 2017 at 1:22 pm #209282joyrandelMemberVictor, Thank you for the answer how to get rid of the background gradient.
Do you know the answer to my second question: How can I make the image appear to scroll from top to bottom? Right now it looks like it scrolls from bottom to top.
WordPress 4.8
Genesis 2.5.2
Altitude Pro 1.1.2 -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.