mr-pimpen 387 Posted October 17, 2019 Share Posted October 17, 2019 anyone know how i can fix this i want to change the color but cant seem to get this to work just mess up the header the image will still be there but the color wont after replacing those backrounds .p-header::after { content: ""; background: -moz-linear-gradient(left, rgba(103, 58, 183,0.8) 0%, rgba(81, 45, 168,0.8) 100%); background: -webkit-linear-gradient(left, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); background: linear-gradient(to right, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); z-index:50; width:100%; height:100%; position:absolute; } when I load your site, I was like a vampire, slept for thousands of years and just now is my first glimpse of light haha. Link to comment Share on other sites More sharing options...
S!r.ReaDy 120 Posted October 18, 2019 Share Posted October 18, 2019 (edited) Sorry, fix what? What is the issue You want to change that purple? To change that you need the linear-gradient only (3rd background value), the first RGB is left, 2nd is right. Edited October 18, 2019 by S!r.ReaDy Link to comment Share on other sites More sharing options...
mr-pimpen 387 Posted October 18, 2019 Author Share Posted October 18, 2019 4 minutes ago, S!r.ReaDy said: Sorry, fix what? What is the issue You want to change that purple? yea but when i remove or change the colors it breaks background: -moz-linear-gradient(left, rgba(103, 58, 183,0.8) 0%, rgba(81, 45, 168,0.8) 100%); background: -webkit-linear-gradient(left, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); background: linear-gradient(to right, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); when I load your site, I was like a vampire, slept for thousands of years and just now is my first glimpse of light haha. Link to comment Share on other sites More sharing options...
S!r.ReaDy 120 Posted October 18, 2019 Share Posted October 18, 2019 To remove it at all, just set z-index to -1, the image should be displayed. Or remove the bg values. If you want bg image then you should reconsider how that image is displayed. Link to comment Share on other sites More sharing options...
mr-pimpen 387 Posted October 18, 2019 Author Share Posted October 18, 2019 the image is set buy a plugin that came with the theme its self witch i have add the image buy defult the colors is with in the theme its self witch would look like this .p-header::after { content: ""; background: -moz-linear-gradient(left, rgba(103, 58, 183,0.8) 0%, rgba(81, 45, 168,0.8) 100%); background: -webkit-linear-gradient(left, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); background: linear-gradient(to right, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); z-index:50; width:100%; height:100%; position:absolute; } if i remove the hole thing yes just the image is there but i want to change the color and not remove those codes just change it up to something little better if you can fix this for me that would be great and i can just replace what is there now when I load your site, I was like a vampire, slept for thousands of years and just now is my first glimpse of light haha. Link to comment Share on other sites More sharing options...
S!r.ReaDy 120 Posted October 18, 2019 Share Posted October 18, 2019 (edited) Can you please do a test for me ? Replace: in the element where bg goes background-image: url(Image/617692.jpg), linear-gradient(to right, #B8A8A5, #B8A8A5); background-size: cover; and PS: before instead of after .p-header::before { content: ""; -webkit-linear-gradient(top, rgba(129,47,02,0.8) 0%, rgba(125,425,1268,0.8) 100%) z-index: 50; width: 100%; height: 100%; position: absolute; } PSS: make ur text color white, its barely seen on that grey bg. Edited October 18, 2019 by S!r.ReaDy Link to comment Share on other sites More sharing options...
mr-pimpen 387 Posted October 18, 2019 Author Share Posted October 18, 2019 7 minutes ago, S!r.ReaDy said: Can you please do a test for me ? Replace: in the element where bg goes background-image: url(Image/617692.jpg), linear-gradient(to right, #B8A8A5, #B8A8A5); background-size: cover; and PS: before instead of after .p-header::before { content: ""; -webkit-linear-gradient(top, rgba(129,47,02,0.8) 0%, rgba(125,425,1268,0.8) 100%) z-index: 50; width: 100%; height: 100%; position: absolute; } in the element where bg goes background-image: url(Image/617692.jpg), linear-gradient(to right, #B8A8A5, #B8A8A5); background-size: cover; and PS: before instead of after .p-header::before { content: ""; -webkit-linear-gradient(top, rgba(129,47,02,0.8) 0%, rgba(125,425,1268,0.8) 100%) z-index: 50; width: 100%; height: 100%; position: absolute; } PSS: make ur text color white, its barely seen on that grey bg. that just mess it up not fixed when I load your site, I was like a vampire, slept for thousands of years and just now is my first glimpse of light haha. Link to comment Share on other sites More sharing options...
S!r.ReaDy 120 Posted October 18, 2019 Share Posted October 18, 2019 Ofc, i forgot the background value .p-header::before { content: ""; background: -webkit-linear-gradient(top, rgba(129,47,02,0.8) 0%, rgba(125,425,1268,0.8) 100%); z-index: 50; width: 100%; height: 100%; position: absolute; } Sorry, Can you try now? 2 Link to comment Share on other sites More sharing options...
mr-pimpen 387 Posted October 18, 2019 Author Share Posted October 18, 2019 2 minutes ago, S!r.ReaDy said: Ofc, i forgot the background value .p-header::before { content: ""; background: -webkit-linear-gradient(top, rgba(129,47,02,0.8) 0%, rgba(125,425,1268,0.8) 100%); z-index: 50; width: 100%; height: 100%; position: absolute; } .p-header::before { content: ""; background: -webkit-linear-gradient(top, rgba(129,47,02,0.8) 0%, rgba(125,425,1268,0.8) 100%); z-index: 50; width: 100%; height: 100%; position: absolute; } Sorry, Can you try now? perfect works great thats a really good color when I load your site, I was like a vampire, slept for thousands of years and just now is my first glimpse of light haha. Link to comment Share on other sites More sharing options...
S!r.ReaDy 120 Posted October 18, 2019 Share Posted October 18, 2019 (edited) As expected the after keyword not really in place, and the gradient values for the URL image are kinda useless. But I'm glad it worked. PS:Fix it. PSS: Don't mix all those 3 up. Ends badly -webkit-linear-gradient - works the best always when you don't know what do to :3 background: -moz-linear-gradient(left, rgba(103, 58, 183,0.8) 0%, rgba(81, 45, 168,0.8) 100%); background: -webkit-linear-gradient(left, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); background: linear-gradient(to right, rgba(103, 58, 183,0.8) 0%,rgba(81, 45, 168,0.8) 100%); Edited October 18, 2019 by S!r.ReaDy Link to comment Share on other sites More sharing options...
mr-pimpen 387 Posted October 18, 2019 Author Share Posted October 18, 2019 yea i know i have to see why it doing that its my coding ive found around on nulled sites the line that looks like that is just being tested there not staying like that when I load your site, I was like a vampire, slept for thousands of years and just now is my first glimpse of light haha. Link to comment Share on other sites More sharing options...
Recommended Posts