Sitetitle under hoverimages?
-
Hi everyone!
I'm facing a problem that is probably (hopefully) easy to solve if you know something about code, which I don't.
I want to use the hover add on to display images. However, these images should also overlay the logo I have used as the site title. Is that easy to do?
If not, is there any other option to place the logo (as svg) in the background of every page without using it as site title?https://sylviagoebel.de/paintings
Thanks in advance!
Jonas -
I found a solution myself – had to set the z-index value in the frontend from 20 to 0:
.sitetitle { line-height: 1; color: black; text-decoration: none; white-space: nowrap; z-index: 0; }
I did the same before in the custom CSS section without success. I'm not sure if this is the best way as the setting might be overwritten again when the theme is updated, but for now it works.
If there is a better way to do this, let me know..
-
Dear Jonas @jonasschulte
Great to hear you came to a solution, using the z-index is a good way to do it :)
Of course things may change in the future but due to your code's simplicity i don't think it will be an issue.Do you need the additional css thats not z-index, so just:
.sitetitle { z-index: 0; }
Just curious but doesn't matter at all! just a thought :)
Best wishes Jonas and have a wonderful day!
Richard
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it