Community @ The Turning Gate

Thank you all for your suggestions :-)

Best bregards,
Oliver

Thank you Ben,

you are right! I closed it with ?> and everything works fine :-)

Best regards,
Oliver

It is still a test page ;-) and if you come out with a suggestion I would be glad to test it out :-)
Best regards,
Oliver

Hi Rod,

thank you for your reply!
I played with filters before but I dont like them.
I like to mouse over the album (thumbnail OR description) and just like to change the albums description color from white background/black description to black background/white description.

Thanks again :-)

best regards,
Oliver

Hi Rod,

following works for me if mouse over the album description:

.the__albumSet figure a :hover {
    background-color: rgba(0, 0, 0, 1);
    color: #ffffff;
}

Do you have any idea how to css, that mouse over the thumbnail changes the bkg color and font color of album description?

I didnt find a solution for now.

Best regards,
Oliver

Hi Rod,

thanks for trying it out on your device! :-)

And in general thumbs up and thank you all for your outstanding advice and support!!!

Next question ;-) :
I cannot find out how to change the album info color (title/description) by a:hover.
seems to be blocked by the color value in resurce.php

.the__albumSet figcaption {
    background-color: rgba(0, 0, 0, 0);
    color: #000000;
    padding: 0.5rem 12px;
    text-align: left;
}

If I delete "color: #000000;" in Firefox development thing it works but I dont know where to find the css file in the backlight folder

Any suggestions?

Best regards,
Oliver

Hi Matt,

thank you so much!!! Works great for me now with following :-)

CSS:
.album-breaker {
    box-sizing: border-box;
    clear: both;
    display: block;
    padding: 0 12px;
    text-align: left;
    width: 100%;
    max-width: 100%;
}

.the__albumSet figure:nth-child(1n+1) {
    clear: none;
}

.the__albumSet figure {
    display: inline-block;
    float: left;
}

.the__albumSet .albums {
    text-align: left;
}

Is it possible to assign the haiku class to the h2, and if, how???

Best regards,
Oliver

Thank you Matt for your quick response.

Your script is working perfect in the classic and descriptive layout!
In the iconic layout - which I prefer to use - it results in a "damaged" layout like if you change Centering Method in the classic layout to Javascript.
Is it possible to run your script with the iconic layout?

And by the way: How can I combine

function ttg_scripts( $style, $path ) {
    echo '
<script>

    var albumBreaker = function( place, heading ) {
        var place  = $(".albums").find("figure:nth-child(" + place + ")");
        var markup = $("<h2/>").attr({
            class: "album-breaker"
        });
        markup.html(heading);
        place.before(markup);
    }
   
    albumBreaker( 1, "LIGHTING DESIGN");
    albumBreaker( 10, "ARCHITECTURE");
    albumBreaker( 15, "CITY");
    albumBreaker( 19, "TRAVEL");

</script>
    ';
    return false;
} // END

with

function ttg_scripts( $style, $path ) {
   
echo <<<SCRIPT
<script>
    $(function() {
        $("ul.menu a[href='" + window.location.pathname + "']").addClass("selected").parents('li').children().addClass('selected');
    });
</script>
SCRIPT;

} // END

???

Best regards and thx again!
Oliver

Thanks again Rod,

I'll try the hard coding first ;-)

Best regards,
Oliver

thank you Matt for your reply