Tagged: easy slider, enfold, overlapping, z-index
-
AuthorPosts
-
January 2, 2017 at 12:29 pm #728475
Hi,
I have a problem with the z-index of the easy slider. The 3 content blocks are disappearing behind the slider content. See: http://www.lehaget.com/acc/
I’ve tried to add this code in the quick css : #slider, #slider * { z-index: 1; }
that works, but the text in the slider disappears :(Any idea how to fix this?
Thanks!January 2, 2017 at 1:34 pm #728521Hey paulhelwig,
so which results are you trying to achieve exactly? You could use some Separator/Whitespace element to get some more space between the elements in question.
Best regards,
AndyJanuary 2, 2017 at 2:39 pm #728594Hi Andy,
as you can see, the first two blocks from the left are disappearing behind the slider. I want them to show in the foreground just like the block in the right.I don’t want more whitespaces, i like that the blocks are having a little overlap with the content above.
January 2, 2017 at 2:43 pm #728601Hi,
Following code should have worked
#slider { z-index: 1; }
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
YigitJanuary 2, 2017 at 2:46 pm #728603Hi,
try this code inside Quick CSS field:
.avia-slideshow { z-index: 0 !important; }
Best regards,
AndyJanuary 2, 2017 at 2:46 pm #728604Great Andy, thanks! It worked!
Any idea how I get rid of the white space above the menu?
- This reply was modified 7 years, 10 months ago by paulhelwig.
January 2, 2017 at 4:54 pm #728682Anyone an idea?
January 2, 2017 at 5:01 pm #728688Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.container.av-logo-container { display: none; } .html_header_top.html_header_sticky.html_bottom_nav_header #main { padding-top: 50px !important; }
Best regards,
YigitJanuary 2, 2017 at 5:10 pm #728690hmmm nothing happens…
Just to be clear: i want to get rid of the white space (loge area) above the menu on this site:
I have the Enfold medical theme installed.
Thanks!January 2, 2017 at 5:13 pm #728692O sorry, it did work! But in responsive mode, the menu is gone :(
January 2, 2017 at 5:24 pm #728696Hi,
Please change the code to following one
@media only screen and (min-width: 990px) { .container.av-logo-container { display: none; } .html_header_top.html_header_sticky.html_bottom_nav_header #main { padding-top: 50px !important; }}
Best regards,
YigitJanuary 2, 2017 at 5:28 pm #728698You are the best :)
Last question: is it possible to move the responsive menu to the left and change the color of it?
January 2, 2017 at 5:31 pm #728699Hi,
Sure, please add following code to Quick CSS as well
#advanced_menu_toggle { right: auto; left: 0; color: orange; border-color: green; background-color: blue; }
:)
Best regards,
YigitJanuary 3, 2017 at 10:55 am #728905Thanks guys!
January 3, 2017 at 12:47 pm #728955Hi,
Glad we could help!
We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.