This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 5 - Pages: 1 - Last Post: 11-Feb-2019 23:15 Last Post By: jGromit Threads: [ Previous | Next ]
ulfb

Posts: 3
Registered: 9-Oct-2011
Making title shadow/gradient darker
Posted: 11-Feb-2019 13:42
 
  Click to reply to this thread Reply
Hi,

I want to make the gradient shadow on the title on hero images darker. I've searched the forum but have only found tips on how to remove the gradient.

Any tip on how to do this would be appreciated.

/Ulf
jGromit

Posts: 7,361
Registered: 31-Jan-2006
Re: Making title shadow/gradient darker
Posted: 11-Feb-2019 16:46   in response to: ulfb in response to: ulfb
 
  Click to reply to this thread Reply
I don't think there is any gradient on the hero image in Tiger.
ulfb

Posts: 3
Registered: 9-Oct-2011
Re: Making title shadow/gradient darker
Posted: 11-Feb-2019 16:58   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
In the attached image I've tried to explain my question. I wan't to make the comments in the title more easy to read.

Edited by: ulfb on 11-Feb-2019 17:01
jGromit

Posts: 7,361
Registered: 31-Jan-2006
Re: Making title shadow/gradient darker
Posted: 11-Feb-2019 17:11   in response to: ulfb in response to: ulfb
 
  Click to reply to this thread Reply
Ah, I see. The shadow is only on the title/description, rather than on the whole image (like Turtle).

Try this, in the Site > Custom code > CSS box:
.hero .hero-image header, .hero .hero-image header:hover {
	background: linear-gradient(90deg, rgba(17, 17, 17, 0.8) 0%, rgba(17, 17, 17, 0.7) 60%, rgba(17, 17, 17, 0.6) 100%);
}
ulfb

Posts: 3
Registered: 9-Oct-2011
Re: Making title shadow/gradient darker
Posted: 11-Feb-2019 17:37   in response to: jGromit in response to: jGromit
 
  Click to reply to this thread Reply
Excellent! Thanks! That worked very well!
jGromit

Posts: 7,361
Registered: 31-Jan-2006
Re: Making title shadow/gradient darker
Posted: 11-Feb-2019 23:15   in response to: ulfb in response to: ulfb
 
  Click to reply to this thread Reply
Good! I just took a stab at the opacity values (the 0.8, 0.7, and 0.6) to preserve some gradient from left to right, but dark enough so that the text pops out a bit better. You can play with those values to get things darker or lighter.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums