Skip to content

General Discussion

5.0k Topics 21.7k Posts

A place to talk about anything Lay Theme related

  • This topic is deleted!

    1
    0 Votes
    1 Posts
    2 Views
    No one has replied
  • Menu Point Active Font in Italic

    4
    0 Votes
    4 Posts
    703 Views
    RichardR
    Dear Tim @Tim-B The active menu point will have a class added to it called current-menu-item : [image: Screen Shot 2022-03-24 at 6.28.12 PM.png] You can take advantage of this to target it with CSS and set it italic for example: .current-menu-item { font-style: italic !important; } https://www.w3schools.com/csSref/pr_font_font-style.asp Best wishes 🌝 Richard
  • show .gif when with mouse hover on a Project Thumbnail / image

    2
    0 Votes
    2 Posts
    325 Views
    RichardR
    Dear @beucccia Although not built in to Lay Theme you could do this via Custom Coding. The .gif could still be called from the media Library via URL ( src=url ) I cant custom code it for you sorry but hopefully these links may help you in the right direction, also if any others on the forum wish to speak up 🌝 https://sirv.com/help/articles/hover-change-image/#:~:text=To swap an image when,"rollover" image becomes opaque. https://www.tutorialrepublic.com/faq/how-to-change-image-on-hover-with-css.php Also this thread may help with understand how to call the image from the media library: http://laythemeforum.com/topic/6087/imagehover-on-element-grid-lightbox-on-carousel There was also a user who attempted this with a plugin: http://laythemeforum.com/topic/6174/help-plugin-swap-images-on-hover-js Hope this helps @beucccia & have a wonderful day Richard
  • different size images within thumbnail grid

    2
    0 Votes
    2 Posts
    255 Views
    RichardR
    Dear Toby @Toby Not with built in options sorry, the closest would be the Layout type "Masonry" . Because the Thumbnail grid is images with links to the Projects, you could copy your "exact" layout using it's JSON: http://laythemeforum.com/topic/7421/insert-page-into-another And then link the images to the projects. This would create an exact match but has the burden of being manual. Best wishes Richard
  • Carousel Mobile

    2
    0 Votes
    2 Posts
    250 Views
    RichardR
    Dear @SB Am i correct that you are using a"Custom Phone Layout" for mobile? or are you using one Gridder Layout for both? https://laytheme.com/documentation/custom-phone-layouts.html Best wishes Richard
  • Metadescription shows 'Built with Laytheme'

    4
    0 Votes
    4 Posts
    207 Views
    RichardR
    Dear @hirte Thanks, i will be here when you know further from Google 🌝 Have a wonderful day! Richard
  • can't publish a project on laytheme

    2
    1
    0 Votes
    2 Posts
    194 Views
    RichardR
    Dear @sandraayad Possibly you have not set the "Featured Image" yet. Pages do not need this but Project's do for the Thumbnail Grid: [image: Screen Shot 2022-03-23 at 9.11.54 AM.png] Have a wonderful day 🌻 Richard
  • Image hover on images

    4
    0 Votes
    4 Posts
    900 Views
    RichardR
    Dear @Bella I totally understand when the amount of images becomes many, thank you for the feedback and have added it to the development notes βœ… Feedback #1 It would be really fantastic if with future updates the image hover could be extended to images (which I actually thought it was for, to be honest 😬 ). Feedback #2 It would also be great for the Woocommerce product images, but I understand that that's probably more complicated to achieve. So maybe adding an image hover option that works with "regular" images (not products images) would be an option to start with? :) have an amazing day Bella Richard
  • Problem with β€žMax width of contentβ€œ

    5
    0 Votes
    5 Posts
    702 Views
    RichardR
    Dear @benni No worries calling me Robert! ⭐️ Thank you for the great solution that will help others πŸ‘ Give the element you want to offset an ID and then use the custom CSS option to define the offset via the translate() CSS function. Here is an example of what your CSS could look like: #img-1 { transform: translateY(-30%); } This bases the offset on the width of the image you gave the ID to. have a wonderful day Richard
  • Site title below background cover video

    4
    0 Votes
    4 Posts
    716 Views
    RichardR
    Dear @dmncn It's a bit of a trick with just z-indexing alone. The whole system works on z-index: Cover: z-index 1 (must be the lowest to slide underneath content) Content: z-index 2 (must be higher to not be hidden by cover) Site-title: z-index 3 (must remain above content). So i think however you assign new z-indexing to the above three elements it wont work for example: Cover: z-index 1 (must be the lowest to slide underneath content) Content: z-index 2 (must be higher to not be hidden by cover) Site-title: z-index 0 (must remain behind cover == but now hidden by content). To use z-indexing for the site-title to be hidden then shown, the Cover must be higher than the image, but then it's also higher than the content and will not slide behind and therefore not be a cover. I think to solve this problem you need some javascript or jquery that "at a certain scroll position the site-titles z-index changes from 0 to 3" Best Richard
  • add social media buttons to mobile menu

    2
    0 Votes
    2 Posts
    304 Views
    RichardR
    Dear Florine @florine This may not be the most graceful way to do it, but maybe it works for you 🌝 The following code clones your social-media group and adds it after the last menu element "uber mich" jQuery('#handyrow').clone().insertAfter('#menu-item-388'); Result: [image: Screen Shot 2022-03-20 at 5.03.12 PM.png] There would need to be some changes to the handyrow css: .mobile-nav #handyrow { position: initial; top: 0; left: 1.5%; z-index: 40; } You can specify it only to apply to the handy-row within the menu by adding .mobile-nav beforehand. Hopefully if this isn't exactly whats needed it still helps you in the right direction Florine ⭐️ best wishes Richard
  • Mobile title size/ tagline missing

    5
    0 Votes
    5 Posts
    1k Views
    RichardR
    Dear Ana @banana 🍌 When you make a new page as a test and apply this new text format are you still unable to have 20px? The correct font size for phone is set in Text formats, it is then applied again within the Gridder and to be sure the Phone settings within Lay Options all look correct, breakpoints have been set. [image: Screen Shot 2022-03-20 at 4.01.20 PM.png] The Site's Tagline does not exist for mobile by default, either we need to custom code this in, or add it to the top of your Mobile page layouts. Regarding the Font Sizing, if you still run into trouble, please feel free to send me a message via 'Chats' and i can login and talk a closer look at the text format settings. Best wishes Richard
  • bring element above menu bar?

    3
    0 Votes
    3 Posts
    324 Views
    RichardR
    Dear Aaron @aarondawkins Yes it is possible 🌝 Looking into the z-index property should help you: https://www.w3schools.com/cssref/pr_pos_z-index.asp Best wishes Richard
  • Horizontal Submenu "white-space: normal" doesn't work anymore

    4
    0 Votes
    4 Posts
    319 Views
    RichardR
    Dear @Kilian Thanks for the update & the great explanation 🌝 I am unsure why exactly without being able to look at the sub-menu and see how it behaves. I notice not "commissions" has no sub-menu? Is there anyway i can view the sub-menu to better inspect it? I understand that you would not want a broken sub-menu to be present all the time, so we may need to work something else out Β πŸ‘ is it still present but just not "switched on" ? Talk soon & have a wonderful day Richard
  • Split (second) menu points left and right of top centered site title logo

    6
    0 Votes
    6 Posts
    960 Views
    RichardR
    Thanks @Bella will looks into your other questions 🌝 have a wonderful day!
  • Change position of background image

    2
    0 Votes
    2 Posts
    285 Views
    RichardR
    Dear @Janina "I need to change the placement of the cover image on this sub page only:" .slug-about .cover-region { margin-top:55px; } Result: [image: Screen Shot 2022-03-20 at 1.00.34 PM.png] "is there a way to change the preset default colour globally for the whole site? I want it to change from black to #548B54" This would depend on what the colour applies to, for example you could set all text (except for links) with the following: body{ colour:#548B54; } There are many root colours for Lay Theme, some are for the Carousel and some are for other Addons. Happy to help, just wish to know more about what you mean by "default color for whole site" 🌝 Talk soon & best wishes Richard
  • create image with 100 vh height

    4
    0 Votes
    4 Posts
    559 Views
    RichardR
    Dear @HorstoftheFuture Thank you for replying, great to hear that all is working! have an amazing day ⭐️ Sincerely Richard
  • New Project Index Styling

    10
    0 Votes
    10 Posts
    2k Views
    RichardR
    Thanks for the feedback @Tim-B have noted βœ… Best wishes Richard
  • Text within the Thumbnail grid

    4
    0 Votes
    4 Posts
    842 Views
    RichardR
    Thanks @Toby have a wonderful day!
  • Link entire text box

    11
    0 Votes
    11 Posts
    2k Views
    RichardR
    Thanks @danny have an amazing day! ⭐️
Online Users
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com