Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Fixed overall gradient and project thumbnail gradient

    General Discussion
    gradient
    2
    2
    273
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      Mak last edited by

      Hello guys - hello armin,

      I need some help with integrating some gradients on my website.
      One should be instead of a solid color by hovering over a project thumbnail.
      The idea is a gradient from white to transparent, so the actually thumbnail keeps visible by hovering.

      And there should be another gradient at the top of the website. This one should be behind the site title and the menu and is always visible although if the site title / menu will disappear with scrolling down the page.

      Thanks for your help!
      Cheers
      Mak

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        Hi @Mak

        Just to get you right.
        You are talking about gradients or transitions?
        What about putting a gradient image as hover-image for the project thumbnails?
        Otherwise you can also try do add a CSS gradient.

        You can add a CSS gradient to any div-box you like in the Custom CSS section.

        Have a look at CSS gradients here:
        https://www.w3schools.com/css/css3_gradients.asp

        let me know if you have more specific questions – or post a link to your website.

        Best!

        Marius

        www.mariusjopen.world

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        Before you post

        Use the Search Feature. Maybe there is already a solution to your issue.

        1. Update Lay Theme and all Lay Theme Addons
        2. Disable all Plugins
        3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
        4. Now see if your problem solved itself
        5. Go here, see if your problem is listed here:
        Troubleshooting

        When you post:
        1. Post a link to where the problem is
        2. If the problem is difficult to explain, post screenshots / link to a video to explain it

        Thanks!

        Online Users

        K
        M
        W

        Recent Topics

        • M

          komische boxen auf der Website

        • S

          Theme crashed - because of Polylang?

        • J

          Split Screen just on front page / subpages without the split?

        laytheme.com