• mariusjopen

    Dear @EN
    good point. We will write that down.

    Best!

    Marius

    posted in Feedback read more
  • mariusjopen

    Hi Plateau!
    Still developing the new version of LayTheme.

    We have many things and features to implement :-)

    Best!

    Marius

    posted in Feedback read more
  • mariusjopen

    Dear @sebastianpetrov

    ok, I can see what you mean.

    Try to add this into your CUSTOM CSS code:

    .html5video video {
        object-fit: contain;
    }
    

    Berst!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @flob13
    we agree. A filter would be good.

    We have it written down for future improvements.

    Best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @alex

    can you post a link to your website?
    Then we can have a closer look.

    Thank you!

    Marius

    posted in Bug Reports read more
  • mariusjopen

    Dear @lorenzoB
    I can see what you mean.

    Also the console does not show any bugs.
    0_1524045585242_Bildschirmfoto 2018-04-18 um 11.59.29.png

    We will get back to you shortly.

    Best!

    Marius

    posted in Bug Reports read more
  • mariusjopen

    Dear @Toby

    this works:

    .red {
        background: red !important;
    }
    
    .blue {
        background: blue !important;
    }
    
    <script>
    window.laytheme.on("newpage", function(layoutObj, type, obj){
        
        jQuery(document).on("mouseenter", ".thumb", function(event) {
        
            var category = jQuery(this).attr("data-catid");
        
            if (category == 1) {
                jQuery("body").addClass("red");
            }
        
            if (category == 2) {
        	    jQuery("body").addClass("blue");
            }
        });
        
        jQuery(document).on("mouseleave", ".thumb", function(event) {
            jQuery("body").removeClass("red");
            jQuery("body").removeClass("blue");
        });
    
    });
    </script>
    

    All the best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear Toby,

    may I ask you to post the code in the this formatto this thread. And also make it as readable as possible for me. Breaks etc.
    Otherwise I need to do a surgery which costs a lot of time.

    Thank you

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @Toby

    this is the way to go:

    The code you just posted is already a step backward.

    Please try this code and let me know where the problem is.

    All the best!

    Marius

    @mariusjopen said in Background colour change on rollover:

    Hi @Toby

    add this to your CUSTOM HEAD CONTENT:

    <script>
    window.laytheme.on("newpage", function(layoutObj, type, obj){
    
    jQuery(document).on("hover", ".thumb", 
      function(event) {
      
      	jQuery("body").removeClass("red");
        jQuery("body").removeClass("blue");
        
        var category = jQuery(this).attr("data-catid");
        
        if (category == 1) {
          jQuery("body").addClass("red");
    	  }
        
        if (category == 2) {
       		jQuery("body").addClass("blue");
    	  }
        
      }
      
    );
    
    });
    </script>
    

    and this to your custom CSS:

    .red {
      background: red !important;
    }
    
    .blue {
      background: blue !important;
    }
    

    I have two projects with two different categories.
    If you inspect the thumbnails they are called 1 and 2:

    0_1522429869369_Bildschirmfoto 2018-03-30 um 19.10.52.png

    I placed the images as project thumbnails:
    0_1522429906502_Bildschirmfoto 2018-03-30 um 19.11.26.png

    You will probably need to adjust the code.
    But this is the base and you can go on from there.

    Good luck!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Hi @Toby

    as far as I understood – you wanted that the background is changing to a specific color when you hover a category, right?

    This is not happening in your example.

    Are we talking about the same thing?

    All the best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Hi Toby,

    can you post the whole code you wrote?

    Also I remember that you used mouseenter and mouseout, right?

    That was the way to go.

    Best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Hi @Hayo-Gebauer
    try to add something like this to your Custom CSS:

    .lay-carousel-sink {
        position: absolute;
        top: -34px;
    }
    

    Best!

    Marius

    posted in Addons read more
  • mariusjopen

    Hi @Toby

    add this to your CUSTOM HEAD CONTENT:

    <script>
    window.laytheme.on("newpage", function(layoutObj, type, obj){
    
    jQuery(document).on("hover", ".thumb", 
      function(event) {
      
      	jQuery("body").removeClass("red");
        jQuery("body").removeClass("blue");
        
        var category = jQuery(this).attr("data-catid");
        
        if (category == 1) {
          jQuery("body").addClass("red");
    	  }
        
        if (category == 2) {
       		jQuery("body").addClass("blue");
    	  }
        
      }
      
    );
    
    });
    </script>
    

    and this to your custom CSS:

    .red {
      background: red !important;
    }
    
    .blue {
      background: blue !important;
    }
    

    I have two projects with two different categories.
    If you inspect the thumbnails they are called 1 and 2:

    0_1522429869369_Bildschirmfoto 2018-03-30 um 19.10.52.png

    I placed the images as project thumbnails:
    0_1522429906502_Bildschirmfoto 2018-03-30 um 19.11.26.png

    You will probably need to adjust the code.
    But this is the base and you can go on from there.

    Good luck!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @Toby

    I recommend to do a sketch in JS FIDDLE.

    Make there a dic with the data attribute like in Laytheme.

    Then you can also share your progress with us and I can have a look.

    Is that good?

    All the best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @Hayo-Gebauer
    you cannot use the site title for this.

    I recommend to use CUSTOM HTML to do this.
    Then work with anchor link.

    Hope I could help!

    Best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @Hayo-Gebauer
    you can always move the caption to the top with Custom CSS.
    Try to use VW instead of pixel. The layout-proportions are based on that.

    Hope I could help :-)

    Best!

    Marius

    posted in Addons read more
  • mariusjopen

    Dear @Toby

    Your code needs to get the number of the category: data-catid="4"

    So it will save the 4 in a variable.

    Then you need to activate a function with hover:
    https://api.jquery.com/hover/

    Ok, I can write you the basic structure of the code. It will not work with copy and paste but will give you a direction:

    1: You hover a project and then you read out the category number data-catid="4" with this: https://api.jquery.com/data/

    2: You save this number in a variable for example var cat_number

    1. You make a IF function inside which says IF var cat_number == 4 then add red as a background colour to the BODY

    I hope I could help.

    A basic tutorial with jQuery should cover probably what you need :-)

    Don't give up. I am here to help!

    Best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @Toby

    well. Good you got that far!

    But there is still a long way to go.

    If you hover a project, you code needs to do the following:

    1. Get the name of the category of the post
    2. Get the color which is connected to that category-name
    3. Apply that color to the BODY tag ( <- that's what you got until now)

    I am sure you will manage!

    Best!

    Marius

    posted in General Discussion read more
  • mariusjopen

    Dear @Toby
    I just saw your post right now.

    Not really possible. But a cool idea.

    Well: Actually possible. But you will need to write that yourself with CSS and jQuery.

    But if you don't know the basics – I don't recommend it.

    It is not super difficult. But might be a bit tricky.

    Best!

    Marius

    posted in General Discussion read more