Skip to content

Lay Theme Forum
  1. Home
  2. General Discussion

General Discussion

A place to talk about anything Lay Theme related
4.4k Topics 18.6k Posts
  • D

    laytheme + polylang

    3
    0 Votes
    3 Posts
    136 Views
    M

    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

  • L

    HELP: Swap Images on Hover JS plugin

    3
    0 Votes
    3 Posts
    77 Views
    L

    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 :)

  • B

    Placing sticky element in the gridder

    15
    0 Votes
    15 Posts
    940 Views
    E

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

  • F

    This topic is deleted!

    1
    0 Votes
    1 Posts
    2 Views
    No one has replied
  • E

    Mobile version not shown one phone

    5
    0 Votes
    5 Posts
    35 Views
    arminunruhA

    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

  • S

    Site title image covers menu point

    2
    0 Votes
    2 Posts
    54 Views
    RichardR

    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

  • DMBD

    Multiple anchor points smooth scroll and issue at top

    4
    0 Votes
    4 Posts
    515 Views
    RichardR

    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

  • B

    Random color mouseover

    2
    0 Votes
    2 Posts
    291 Views
    RichardR

    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

  • H

    Custom Gridder-width, for different pages

    2
    0 Votes
    2 Posts
    58 Views
    RichardR

    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 :)

  • N

    Carouseul Captions to the right of images

    7
    0 Votes
    7 Posts
    271 Views
    N

    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 !

  • P

    How can I change the font size in a drop down menu?

    18
    0 Votes
    18 Posts
    393 Views
    N

    thanks a lot! :)

  • R

    Carousel - Vimeo embedding

    2
    0 Votes
    2 Posts
    50 Views
    RichardR

    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

  • J

    Slow Site

    5
    0 Votes
    5 Posts
    228 Views
    K

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

  • D

    image-pdf for download

    5
    0 Votes
    5 Posts
    117 Views
    K

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

    Haven't tried out so far :)

  • D

    Carousel Horizontal alignment for slides with images and text

    6
    0 Votes
    6 Posts
    167 Views
    D

    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.

  • D

    hover effect

    3
    0 Votes
    3 Posts
    91 Views
    arminunruhA

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

  • I

    This topic is deleted!

    1
    0 Votes
    1 Posts
    4 Views
    No one has replied
  • N

    Customize image overlap?

    2
    -1 Votes
    2 Posts
    132 Views
    RichardR

    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

  • I

    Google is not tracking anything beside my homepage

    5
    0 Votes
    5 Posts
    125 Views
    RichardR

    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

  • D

    Image Hover Addon images always visible

    7
    0 Votes
    7 Posts
    212 Views
    RichardR

    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
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com