Lay Theme Forum

Great, thank you very much. I think this will help many people.

It works perfect!!! Thank you very much!!!

I only want to change the sitetitle and navigation color from white to black (based in the row color that I define with ".darkrow"). I'm not sure if this is (easy) possible?

My version is still on a local environment. I found this code in your forum, but isn't working 100% for me.

I add on the first row ".darkrow" as css class to make the nav/sitetitle black.

.white
{
color: #fff !important;
}

<script>
    var offset = 50;
    var $blackRows;
    var $nav;
    
    window.laytheme.on("newpageshown", function(layoutObj, type, obj){
        $blackRows = jQuery(".darkrow");
        $nav = jQuery("nav a, .sitetitle span");
        $nav.addClass("white");
    });
    
    jQuery(document).on("scroll", function(){
        $blackRows.each(function(){
            var rect = this.getBoundingClientRect();
            if(rect.top - offset < 0 && rect.bottom - offset > 0){
                $nav.removeClass("white");
                return false;
            }else{
                $nav.addClass("white");
            }
        });
    });
</script>

Thank you very much, I understand. I'm sorry, I forgot to clarify – I would like to change the "first row" nav/sitetitle BLACK and the following rows to WHITE links.

Would this be possible?

Hi LAY-TEAM,

is there any easy solution to change the header color links (nav & sitetitle) based on the background of different pages?

I have different pages with darker backgrounds with white navigation and sitetitle and brighter background with black navigation and sitetitle.

Thank you!