General Discussion

4.2k Topics 17.4k Posts
  • laytheme + polylang

    0 Votes
    3 Posts
    128 Views

    Hey @mariusjopen,

    sorry to answer on this old post. Can you recommend a SEO Plugin for qTranslate (XT) at the moment? Rank Math and Yoast doesn't work. "All In One SEO" makes a strange, dirty mix of two languages.

    Thanks & best,
    Markus

  • HELP: Swap Images on Hover JS plugin

    0 Votes
    3 Posts
    58 Views

    Hey @Richard-Keith ,

    It was actually "1" I changed it but still doesn't work. Here's a link to my website : https://www.leamarque.fr/ - and the images in question are the first three on the page

    Thank you for your help :)

  • Placing sticky element in the gridder

    0 Votes
    15 Posts
    830 Views

    @koliveros Hi! How's your progress? Have you managed to get a way to do it? Thanks

  • This topic is deleted!

    0 Votes
    1 Posts
    2 Views
    No one has replied
  • Mobile version not shown one phone

    0 Votes
    5 Posts
    22 Views

    Please always first try the things mentioned above in the text.

    Screenshot 2020-10-30 at 14.00.21.png

    simply disabling your caching plugin did the job

  • 0 Votes
    2 Posts
    30 Views

    Dear @sead_m

    I believe this is very possible :)

    Could you please post a link to your website with the issue in question and i can take a better look!

    Have a great day and thank you for using Lay Theme

    Sincerely
    Richard

  • 0 Votes
    4 Posts
    497 Views

    Dear Victor @victor

    Am i correct that your issue lies with scrolling upwards in general on your page, and you have created another thread on this?

    Best :)
    Richard

  • Random color mouseover

    0 Votes
    2 Posts
    197 Views

    Dear Ana @banana

    It is possible :)

    This will require some basic knowledge of Javascript/jQuery:

    https://laytheme.com/documentation.html#custom-javascript

    Which you would be adding into the Custom <head> content within "Lay Option - Custom CSS & HTML" :

    Screen Shot 2020-09-14 at 2.51.54 PM.png

    Add the following code and it will target all the Links on your page <a> on hover they will be a random colour:

    <script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ var origColor = jQuery("a").css("color"); jQuery( "a" ).mouseover(function() { jQuery(this).css("color",getRandomColor()); }); jQuery( "a" ).mouseout(function() { jQuery(this).css("color", origColor); }); function getRandomColor () { var letters = '0123456789ABCDEF'.split(''); var color = '#'; for (var i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } }); </script>

    In this Code there are 3

    jQuery( "a" )

    You can change the 'a' to target what text you wish within your webpage. To do so we can use the Google Inspect tool:

    https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

    Right click on the element you wish to be a random colour and choose 'inspect'.

    Screen Shot 2020-10-27 at 11.14.07 AM.png

    This will bring up a list of attributes associated with the element, for example here this menu text i have:

    Screen Shot 2020-10-27 at 7.42.01 PM.png

    it has a class called:

    .menu-item-67

    I could change the

    jQuery( "a" )

    to:

    jQuery( ".menu-item-67" )

    And now this particular menu item would be a random colour on hover.

    I hope this helps you Ana and have a wonderful day, thank you for using Lay Theme and Good Luck! :)

    Best
    Richard

  • Custom Gridder-width, for different pages

    0 Votes
    2 Posts
    50 Views

    Dear @Henning

    Q 1:

    "i dont want the gridder to be 50% on every page of the website.
    is this possible and if yes how?"

    A: Yes :)
    Every page has its own set of attributes that we can use to target it specifically. So we can set up the CSS so that it only applies to the page you desire. Using the 'Inspect' tool within google Chrome i can look at the structure of a webpage ( right-click on page ) :

    Screen Shot 2020-10-27 at 11.14.07 AM.png

    And up the top of the structure in the opening <body> tag i can see some important information:

    Screen Shot 2020-10-27 at 11.14.19 AM.png

    A class called:

    .slug-work

    And a data slug called:

    [data-slug="work"]

    These are unique attributes to this page which we can use, so for example you could:

    .slug-work .grid{ float: left; width: 50%; background: blue; height: 100%; overflow: scroll; height: 100vh; }

    Etc :)

    Q 2:

    "if I want the split screen elements to be under each other for the mobile version, do i simply move my custom css to »Custom CSS for Desktop Version"

    A: Yes
    You could go about this customisation by only applying it to the Desktop Version's Custom CSS and then the Mobile would remain standard

    I hope this helps and best wishes, have a wonderful day

    Richard :)

  • Carouseul Captions to the right of images

    0 Votes
    7 Posts
    189 Views

    Hello Richard,

    Actually no I didn't take the captions down !
    It's just that for it to appear you have to resize the browser window... I don't know why, I think the script is taken into account only when the browser change size... Or maybe the picture load before the script ?
    www.melanie-lefebvre.com/2015-2

    If you have an idea about that ?

    And then there is the problem with the captions not corresponding to the image. I have to change the css this way (left:250%) to make it work, but the left position is related to the number of images, so if I add another one, I will need to change the percentage, which is not a very handy solution... :

    .lay-carousel-sink-parent { position: absolute; top: 50%; left: 250%; bottom: auto; transform:translate(-50%, -50%); }

    Thank you for your help !

  • 0 Votes
    18 Posts
    302 Views

    thanks a lot! :)

  • Carousel - Vimeo embedding

    0 Votes
    2 Posts
    33 Views

    Dear @rs

    Thank you for bringing this question to light,

    Currently there is no date for vimeo embedding as Armin is working hard on Woocommerce Integration, however i would be happy to add this to the development notes for future discussion.

    I know this is relevant given artists & filmmakers use Lay Theme to show content :)

    Thank you for any patience surrounding this topic and for using Lay Theme.

    If you have any more questions please feel free to ask.

    Best wishes
    Richard

  • Slow Site

    0 Votes
    5 Posts
    159 Views

    @goetz Your's isn't slow at all :) Can't reproduce !

  • image-pdf for download

    0 Votes
    5 Posts
    66 Views

    You can try implement that one:
    https://printjs.crabbly.com

    Haven't tried out so far :)

  • 0 Votes
    6 Posts
    137 Views

    Hi @Richard-Keith,

    I'm really sorry for the misunderstanding, It's actually very simple what I want to achieve:

    the image slide:

    WhatsApp Image 2020-10-19 at 12.50.44.jpeg

    the text slide:

    WhatsApp Image 2020-10-19 at 12.51.13.jpeg

    with this settings:
    WhatsApp Image 2020-10-19 at 12.52.09.jpeg

    The problem arises when I change the Slides Width setting from AUTO to 90%, because when it is on auto the width of the slide text is not the same size as the image, and that's what I currently want to achieve.

    Try to change the settings yourself and see that the images align to the left, even if the setting Centered Slides is on.

    Another strange behavior is that images disappear from the edges even if the Show Multiple Slides setting is on.

  • hover effect

    0 Votes
    3 Posts
    74 Views

    hey @dingdong please try and use chrome's web inspector and look for the hover effect using the inspector

  • This topic is deleted!

    0 Votes
    1 Posts
    4 Views
    No one has replied
  • Customize image overlap?

    -1 Votes
    2 Posts
    84 Views

    Dear @nater321

    If you could post a link to your website with the example issue that would be great as i can have a better look :)

    Assuming that you know about the hierarchy 'within' the stack and you are able to change that order:
    Screen Shot 2020-10-18 at 11.20.00 AM.png

    But also i believe the solution you are looking for is z-index, this tells your webpage which elements have hierarchy over others:

    https://www.w3schools.com/cssref/pr_pos_z-index.asp

    First you would need to target the image using CSS added to "Lay-options-Custom CSS & HTML"
    Screen Shot 2020-09-14 at 2.51.54 PM.png

    https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

    Let me know your thoughts and best wishes

    Sincerely
    Richard

  • 0 Votes
    5 Posts
    91 Views

    Dear @igawu

    This is really interesting and thank you for providing your outcome to the thread.
    This will help many others in the future as well :)

    @neunzehnachtneun
    Thank you Sebastian for the great hint!

    Have a wonderful day and thank you both for using Lay Theme and making the community stronger.

    Sincerely
    Richard

  • 0 Votes
    7 Posts
    140 Views

    Dear @dgknkrpnr

    Thank you for the kind reply,
    I understand your side as well :)

    Best wishes for the future

    Sincerely
    Richard

Before you post:
  1. When using a WordPress Cache plugin, disable it or clear your cache.
  2. Update Lay Theme and all Lay Theme Addons
  3. Disable all Plugins
  4. 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:
  1. Post a link to where the problem is
  2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
  3. If the problem is difficult to explain, post screenshots / link to a video to explain it
Online Users
F S P R panteleyP
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com