Change background image fade?

[Little Monsters]

Hi

I'm using Titan theme with background picker. However the background images go transparent too quickly. Look here: https://www.rapdab.com/

How can I make the image be more prominent at the top and not start fading/changing to the green color until after the "off-topic" category? I like the fade effect so don't just want a solid image background, but I'd prefer to be more of the image and less of the plain green background.

[titcrunch]

because you need add !important at all line for force the change or so he contenue with old parameter, add this in custom.css :

 

.background-fade {
    background-image: linear-gradient(to bottom, rgba(45,92,90,0) 10vh, rgba(45, 92, 90, 0.68) 80vh)!important;
    padding-bottom:1px;
    min-height:100vh;
}

 

Edited February 18, 2017 by titcrunch

[Morpheus]

Search for this div-container in your templates:

<div class="background-fade">

and remove it, be sure to remove the conclusion </div> tag too!

[Little Monsters]

That gets rid of the fade altogether. Is there a way to just "lessen" it?

Also messing around before creating this thread I seem to have broke the look of the theme on mobile, as the image background doesn't show at all - bg is just plain green.

[Morpheus]

Search for .background-fade in your CSS Templates and replace

.background-fade {
    background-image:linear-gradient(to bottom, rgba(45,92,90,0) 10vh, rgba(45,92,90,0.98) 80vh);
    padding-bottom:1px;
    min-height:100vh;
}

with

.background-fade {
    background-image: linear-gradient(to bottom, rgba(45,92,90,0) 10vh, rgba(45, 92, 90, 0.68) 80vh);
    padding-bottom:1px;
    min-height:100vh;
}

 

[titcrunch]

rgba color = 3 number for color (red + green + blue for the final color) and the last 1 for opacity so like say morphues in exemple change the last number for the opacity 0 is transparent 1 is not transparent at all, you can use 0.2 or 0.6 

xxVH is the size of each color in part of your viewport (size of your screen), min height have 100vh and black have 10vh so 10% and green have 80vh so 80% you can adjust this to size for each color if you would too

[Little Monsters]

Changing all of those numbers doesn't seem to do anything.

 

It's still mostly green. Might have to just get rid of the background fade altogether, which would be a shame.

[Morpheus]

Hey again, titcrunch already described everything!

No matter:

 

[Little Monsters]

1 hour ago, Morpheus said:

Hey again, titcrunch already described everything!

No matter:

 

At 0.2:

 

or 0.98

I recached everything too using support > something's not working.

[Morpheus]

It must work!

Tell me which css template you are editing and did you already try using custom.css?

[Little Monsters]

Thanks @Morpheus and @titcrunch for the help.

[James]

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.