Black Screen Issue: Please update your theme to ensure WordPress 5.6 compatibility. Dentalia 2.1 and Recycle 2.1 are now available on ThemeForest. 

Okay
  Public Ticket #2078870
Overlap Problem
Closed

Comments

  • Stefan Hautmann started the conversation

    Hello,

    i have a problem and cant find a solution at all. At https://www.laserzentrum-ostbayern.de/aneu/ or https://www.laserzentrum-ostbayern.de there is a "Featured Pages " widget with 3 pages. The "featured pages" widget should be 60px over the slider . I added "z-index: 33;" under Attribute => CSS Styles as you suggested and changed row position to "Push up 60px". It first worked fine but now It doesnt work anymore now!

    Would you please help! I am pretty desperated!

    Thank you!

    Kind regard,

    Stefan Hautmann

  •  531
    OrionThemes replied

    In browser I don't see z-index:33; Please check if it is really there. You can also try changing it to z-index:33!important; this will prevent anything else from overwriting it.

    If you can share your username and password, I will be happy to login and check why it doesn't work.

    Kind regards,

    Andrej

  •   Stefan Hautmann replied privately
  •  531
    OrionThemes replied

    Hi,

    I've set the z index on the featured pages row:

    4886730732.png

    Now it is displayed over the slider. But a part of the slider is still not visible, because the row with featured pages has background color. If you want the slider to be visible, like on this screenshot:

    9763489175.png

    remove the background color which is set on the row with featured pages w.:

    4626245644.png


    I hope this helps.

    Andrej

  •   Stefan Hautmann replied privately
  •  531
    OrionThemes replied

    Hi,

    I used a bit different solution, so the background color can remain the same. First I removed the push up 60 on the row. Instead we will move only the widget up, so the row background stays where it is. So here is what I did:

    I've added z-index: 33; to the row settings (the row where the featured pages widget is), this is needed for the slider.


    1976757170.png


    Then I've added negative margin (-60px) to the Features Pages Widget settings. For the mobile, I've set the margin 0 (we don't want overlapping on mobile):
    6441254320.png

    Check the example and let me know if you have any additional questions.
    Kind regards,
    Andrej

  •   Stefan Hautmann replied privately
  •   OrionThemes replied privately
  •   Stefan Hautmann replied privately
  •  531
    OrionThemes replied

    Hi,

    LOADING SPEED:

    I checked your site on https://tools.pingdom.com/ and the biggest issue is not WordPress or Dentalia theme, but a slow server response time. It takes 2.5s just to get response from your domain. For comparisment: our demo response time is 0.35s, and it is on a plain, inexpensive hosting plan.

    9223167879.png


    First bar on the screenshot above indicates that there are some server side issues. Your hosting environment is not optimized, or is lacking ressources. I can sadly not help you with the server issues, but you might want to open a support ticket at your hosting provider and ask them if they can do something about it, if not, you might need to switch the hosting provider. I don't personally know hosting providers in Germany to advise on this, but I did heard good opinions about https://www.hetzner.de/webhosting.

    Optimizing anything else,  only makes sense when the server issues are resolved.

    CACHING:
    After that you can additionally boost speed with a caching plugin like https://wordpress.org/plugins/wp-super-cache/ or https://wordpress.org/plugins/wp-super-cache/ 
    When choosing plugins for speed and caching, stick to the ones with large user base.

    When setting up the caching plugin, uncheck the "defer javascript" or "minimize javascript" options. Instead you can choose to "use minified theme CSS and JS options in Theme Options -> General -> SEO: 

    4534535034.png

    Dentalia loads certain scripts only when needed (like before-after slider, carousels, accordions,...). So for example the scripts for before-after slider will not load on a page, if there is not BA slider actually displayed.
    The downside of such selective loading is, that it isn't compatible with "minimizing" or "defering" javascript files in the caching plugins, but it is overall better.

    Another thing with the caching plugins is, that you don't want to run them while in development. Use it in production only. 

    An alternative to caching plugins, are services like https://www.cloudflare.com/ (their basic plan is free and fully sufficient). In which case, you don't need other caching plugins on your site.

    FURTHER OPTIMISATION:
    Further optimisation can be done by checking the site with https://developers.google.com/speed/pagespeed/insights/ and resolving issues one by one. But as I already mentioned, first the server needs some speed bost, or this won't make much difference.

    I hope this helps a bit.

    Andrej


  •   Stefan Hautmann replied privately
  •  531
    OrionThemes replied

    Thank you Stefan,
    My paypal is [email protected]

    Andrej

  •  531
    OrionThemes replied

    Thank you Stefan for your generous tip.

    Andrej