Skip to content

General Discussion

A place to talk about anything Lay Theme related
4.4k Topics 18.6k Posts
  • This topic is deleted!

    Locked
    0
    0 Votes
    0 Posts
    18 Views
    No one has replied
  • PayPal Button Not Working on a Page

    4
    0 Votes
    4 Posts
    1k Views
    arminunruhA

    Hey, try this, I added this to the last image: style="width: 1px; height: 1px;"

    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="SN3EQ3BCR7AMG">
    <table>
    <tr><td><input type="hidden" name="on0" value="Magazine">Magazine</td></tr><tr><td><select name="os0">
    <option value="UK">UK £6.00 GBP</option>
    <option value="Overseas">Overseas £7.00 GBP</option>
    </select> </td></tr>
    </table>
    <input type="hidden" name="currency_code" value="GBP">
    <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
    <img style="width: 1px; height: 1px;" alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
    </form>

  • Progress bar

    1
    0 Votes
    1 Posts
    399 Views
    No one has replied
  • fixed image size / breakpoints

    3
    0 Votes
    3 Posts
    1k Views
    L

    thank you very much!

  • Fixed objects in a page

    5
    0 Votes
    5 Posts
    1k Views
    S

    Oh and by the way, to make it works with links, just add that in the custom css:

    .fixed a {position: fixed;}

  • 0 Votes
    5 Posts
    927 Views
    N

    Yes yes, i tried this also but it doesnt work for the "next project links" :8ball:
    however i found another way to solve the problem without these links :+1:

    thank you!

  • Border-Bottom Offset

    2
    0 Votes
    2 Posts
    2k Views
    arminunruhA

    Hmm yeah you can try this CSS

    .lay-textformat-parent a, a.projectlink .lay-textformat-parent>*{ border-bottom-style: none; } .lay-textformat-parent a:after, a.projectlink:after{ content:''; position:absolute; width: 100%; height: 0; left:0; bottom: 2px; /* <- distance */ border-bottom: 2px solid #000; }

    Change the "bottom" value to have a different space.
    I got it from here: http://stackoverflow.com/questions/14733011/css-decrease-space-between-text-and-border

    This might work better for you if all you want is less space between the underline and the text:

    .lay-textformat-parent a, a.projectlink .lay-textformat-parent>*{ border-bottom-style: none; } .lay-textformat-parent a, a.projectlink .lay-textformat-parent>*{ text-decoration: underline; }
  • Hirarchie on Mobile

    13
    0 Votes
    13 Posts
    2k Views
    D

    Hey Armin,

    Perfect! Thanks a ton!

    Best regards,
    Dennis

  • 0 Votes
    2 Posts
    530 Views
    arminunruhA

    noo there isn't

  • Lay Theme all pages suddenly blank

    6
    0 Votes
    6 Posts
    829 Views
    L

    Hi, same issue — all pages blank. Could you please send me the instructions? Thank you in advance.

  • 0 Votes
    3 Posts
    473 Views
    arminunruhA

    Hey david, I wrote this down and I'm going to test that and work on fixing it ^^

  • Showing and hiding custom coded things

    4
    0 Votes
    4 Posts
    753 Views
    arminunruhA

    Ok, so every link in Lay Theme that just links to a subpage of your website has a "data-type" attribute and "data-id" attribute. Let's just focus on that it has a data-type attribute.
    So you could do:

    jQuery("body").on("click", "a[data-type]", function(event) { jQuery('.twitter-feed').fadeOut(); });
  • 0 Votes
    3 Posts
    572 Views
    H

    Perfect, thank you!

  • 0 Votes
    3 Posts
    1k Views
    A

    Hi both, thanks for the question and the reply - I am working on making these changes now as they are exactly what I want - jus' sayin.

  • Individual hover color for each thumbnail

    3
    0 Votes
    3 Posts
    616 Views
    J

    Loveley!

    Thanx for the quick reply!
    :smiley:

  • how to change the min-height on mobile

    5
    0 Votes
    5 Posts
    713 Views
    WalkerW

    Hey Armin,

    your reply solved the problem.

    Thanks a lot

    Walker

  • Google Maps plugin

    2
    0 Votes
    2 Posts
    1k Views
    arminunruhA

    Hey gggggb! Thx!
    Unfortunately shortcodes dont work with lay theme: http://laytheme.com/troubleshooting.html#shortcodes

    Maybe you can add a map using not a shortcode but a html embed code like an iframe embed. If you add a text, you can click the <> "code" button and insert html code there.
    I hope that helps.

  • Using laytheme without a license?

    2
    0 Votes
    2 Posts
    912 Views
    arminunruhA

    Hey nikolai!
    Good question. If you have downloaded lay theme for free before and u are using it on a website, you can keep using it for free on that website. Right now Updates and lay theme work even without a license key. I might add a "unregistered" message just in the backend if u dont have a key in a future update.

  • Project Thumbnail Mouseover

    3
    0 Votes
    3 Posts
    1k Views
    A

    @arminunruh Helps A LOT! This is working perfectly now!
    Thank you so much! Great work!

  • 0 Votes
    4 Posts
    588 Views
    arminunruhA

    Ok, I see

    http://laytheme.com/documentation.html#custom-javascript
    You could also fetch your data using wp-api. http://v2.wp-api.org/
    That's what lay theme uses.

    In this case it's pretty slow, cause first I fetch all posts, then I fetch each featured image (project thumbnails) and that just takes long. :/

    <script> Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){ if(type == "page" && obj.id == 20){ //fetch projects jQuery.getJSON(frontendPassedData.wpapiroot+'wp/v2/posts/', function(result){ console.log(result); for(var i=0; i<result.length; i++){ var fi_id = result[i].featured_image; jQuery.getJSON(frontendPassedData.wpapiroot+'wp/v2/media/'+fi_id, function(result){ console.log(result); }); } }); } }); </script>

    But maybe you don't need all the featured images but just the project titles. That's faster:

    <script> Frontend.GlobalEvents.on("newpageshown", function(layoutObj, type, obj){ if(type == "page" && obj.id == 20){ //fetch projects jQuery.getJSON(frontendPassedData.wpapiroot+'wp/v2/posts/', function(result){ for(var i=0; i<result.length; i++){ console.log(result[i].title.rendered); } }); } }); </script>
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
V A E L
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com