Gradient Color code question

  • Resolved peacefulfin

    (@peacefulfin)


    5 years, 1 month ago

    Hey! I hope someone can help me. 🙂

    I am using the latest versions of Elementor and WordPress. I didnt find the right option for my visual goal on Elementors’ “Gradient color over image option” so here we go:

    I have added an image on a page in Elementor to my page. I use it as main top image.
    – GOAL: I want a color gradient on corners of the image: something like this: https://pasteboard.co/I4dIwqB.png WITHOUT editing the photo in Photoshop. I’d like to made it with CSS.
    – I am aware I have to do it via WordPress Custom CSS, but I dont know how.
    – I have Elementor Free

    Thanks! 🙂

Viewing 7 replies - 1 through 7 (of 7 total)
  • LogoLogics

    (@logologics)

    5 years, 1 month ago

    Could this video be helpfull?

    Thread Starter peacefulfin

    (@peacefulfin)

    5 years, 1 month ago

    Thanks LogoLogics! Yes I watched that video earlier today but it basically just puts two color gradient overlay on top of the background. It doesnt work with custom width pictures and it connects the two gradient colors. 🙁 I think it has to be done with custom CSS…

    LogoLogics

    (@logologics)

    5 years, 1 month ago

    Too bad, I do think with experimenting the settings you might get the effect you want, but I have not actually used it to the full extend myself so far.

    Hope somebody else has and can help you out!

    Annie

    Thread Starter peacefulfin

    (@peacefulfin)

    5 years, 1 month ago

    Thanks. I tried basically everything with the feature, but I didnt get it to work the way I wanted.

    Only left top corner and right bottom corner should have the faded color effect in my case. I’ll keep waiting and trying to figure this out! <3

    Thread Starter peacefulfin

    (@peacefulfin)

    5 years, 1 month ago

    The reason I’d rather do it with CSS is, I’d like to change the effect color per sub-site too. If I do the effect straight to the image with Photoshop or Illustrator, I am not able to use WordPress effectively and how it’s meant to be used… 🙂

    Thread Starter peacefulfin

    (@peacefulfin)

    5 years, 1 month ago

    Managed to work out a way with Elementor. Problem “solved”. Thank you everyone <3

    LogoLogics

    (@logologics)

    5 years, 1 month ago

    Awesome, would you be so kind to share how you managed to do i with Elementor?

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Gradient Color code question’ is closed to new replies.

Tags