Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search
    1. Home
    2. kalamakumaran
    K
    • Profile
    • Following 0
    • Followers 0
    • Topics 5
    • Posts 38
    • Best 11
    • Controversial 0
    • Groups 0

    kalamakumaran

    @kalamakumaran

    12
    Reputation
    34
    Profile views
    38
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    kalamakumaran Unfollow Follow

    Best posts made by kalamakumaran

    • RE: Custom Coding for blur effect

      Hi,

      i sent you an email ;)

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Fullscreen Slider Counter

      For me it still works.
      What exactly doesn’t work in your case?
      Maybe I can help.

      posted in General Discussion
      K
      kalamakumaran
    • RE: Stacking on the same row with the same grid setting?

      Have you tried the “Stack Element” tool?

      https://laytheme.com/documentation.html

      Good luck!

      posted in General Discussion
      K
      kalamakumaran
    • RE: Interactive panel "info" with transition

      hi @alessiarodler

      you need to code it yourself.

      Have a look here!

      Add the HTML, JS and CSS in Custom CSS and style the HTML and CSS the way you like.

      It's not that difficult :)

      Good luck!

      posted in General Discussion
      K
      kalamakumaran
    • RE: Self loading image stack

      https://codepen.io/13twelve/pen/EoKLYX

      https://github.com/mizansyed/wdImageStax

      posted in General Discussion
      K
      kalamakumaran
    • RE: Hide Laygridder options

      @felix_rabe

      I bought this plugin. There you can set up different profiles for different backend users depending on what they will be able to see in the dashboard etc.

      Additionally you can add custom css in the plugin where you can hide laygridder options. Use the web inspector of your browser to detect specific classes and Id's you want to hide away and add

      display:none !important
      

      Takes a little while but works pretty well. At the end you can export your settings and import them on another client's website.

      posted in General Discussion
      K
      kalamakumaran
    • RE: Fullscreen slider

      The code snipped is tested and works with a vertical slider. If yours is a horizontal one you probably need to change the direction:

      jQuery.fn.fullpage.moveSectionDown()
      
      

      to

      jQuery.fn.fullpage.moveSlideRight()
      
      

      Write me a pm if you need further help.

      posted in General Discussion
      K
      kalamakumaran
    • RE: Custom coded Screensaver

      You got mail!

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Help plugin - Swap Images on Hover JS

      Here you go!

      Put this in your custom js:

      <script>
          window.laytheme.on("newpageshown", function(layoutObj, type, obj){
          jQuery.fn.swinger = function () {
          return this.each(function () {
              var $container = jQuery(this);
              $container.css({
                  "position": "relative"
              });
              var $images = $container.find("img");
              $images.css({
                  "position": "absolute",
                  "top": "0%",
                  "left": "0%",
                  "width": "100%"
              });
              var $middleImage = jQuery($images[Math.floor($images.length / 2)]);
              $middleImage.css({
                  "z-index": "2",
                  "position": "relative"
              });
              var columnsCount = $images.length;
              $images.each((i, img) => {
                  var left = `${100 / columnsCount * i}%`;
                  var width = `${100 / columnsCount}%`;
                  var $column = jQuery(`<span style="z-index:999;position:absolute;top:0;bottom:0;left:${left};width:${width}"></span>`);
                  jQuery(img).after($column);
                  $column.hover(() => {
                      $images.css({
                          "z-index": "1",
                          "position": "absolute"
                      });
                      jQuery(img).css({
                          "z-index": "2",
                          "position": "relative"
                      });
                  });
              })
          });
      }
      });   
      </script>
      
      <script>
      window.laytheme.on("newpageshown", function(layoutObj, type, obj){
            jQuery(".img-area").swinger();
      });
      </script>
      

      Then add your images via "+More" > +HTML" in your laygridder. Give the row the class "img-area". Should work like this.

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: LAYOUT FIXER

      I wrote You a pm! Let’s see what I can do for you :)

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran

    Latest posts made by kalamakumaran

    • RE: Fix image at certain scroll position & disable Link function of Project Thumbnails

      @littlegestalt

      Dm!

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Rotation + ImageHover Addon (I need help on cool javascript effect :)

      @Johan-Saj

      Haven't tested it but what about adding an animation to the img via css

      .lay-imagehover-region img {
        animation: rotation 5s infinite linear;
      }
      
      @keyframes rotation {
        100% {transform: rotate(360deg);}
      }}
      
      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Fullscreen slider images flash in Safari

      @thomasmaier

      It just fixed my fullscreen slider. Haven’t tested it with the carousel addon

      posted in General Discussion
      K
      kalamakumaran
    • RE: Fullscreen slider images flash in Safari

      Here's a little workaround.
      Try adding following code in your Custom CSS:

      *:not(html) {
          -webkit-transform: translate3d(0, 0, 0);
      }
      

      That once fixed it for me with the Fullscreen Slider.

      Don't know if it still works.

      posted in General Discussion
      K
      kalamakumaran
    • RE: help

      What do u like to do?

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Divided scroll custom CSS

      1.. give the content of the first row a width of 50%
      2. give the second row a class - e.g. .sticky-row
      3. wrap the .sticky-row into a scrollable div with css and jquery and give it a 50% width
      4. done! :)

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Divided scroll custom CSS

      @mayar_elbakry still looking for help?

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran
    • RE: Fullscreen Slider Counter

      Could be that the code is for any reason only working for the vertical fullscreen slider.

      Why don't you just use the carousel plugin for a horizontal slideshow? There you can set up a counter without custom code.

      Sorry that I can't help you any further with that.

      Awesome website btw.

      posted in General Discussion
      K
      kalamakumaran
    • RE: Fullscreen Slider Counter

      For me it still works.
      What exactly doesn’t work in your case?
      Maybe I can help.

      posted in General Discussion
      K
      kalamakumaran
    • RE: Divided scroll custom CSS

      Texted you on insta :)

      posted in Need Custom Coding for Lay Theme? Find 3rd Party Developers here.
      K
      kalamakumaran