Lay Theme Forum

Hello!

I'm designing a website (WIP: https://villalba.studio/website_2fa0b3db/) for an architectural studio and I'm trying to get the title and custom burger (= binoculars) to change color in certain pages... For instance

Green on the 'about' https://villalba.studio/website_2fa0b3db/info/
Red in the index https://villalba.studio/website_2fa0b3db/index/

I succesfully managed to change the site title logo color with this CSS

.slug-info  .sitetitle-txt-inner {
    color: #47592f !important;
}

BUT I'm struggling to change the icon... We cannot simply change the colour (as is an png – or svg – file) so I thought I could create an alternative icon to be used – as custom overlay burger – only in that particular page.

I think I need something along this lines, but the right syntax

.slug-home  .custom-overlay-burger {
   <img src="https://villalba.studio/website_2fa0b3db/wp-content/uploads/2024/10/oo_Identificador_blanco.png">
}

Thanks in advance

Hello! You seem very code-savvy, but I wonder if you are over-complicating this (or I misundertood it).

Looking at the screenshots, the design is not working as you wish becuase of a ratio problem. Those images are too tall to fit, and laytheme does not ´crop´them.

I would start by simply reducing their width (=less columns) so each takes about a 1/4 of the screen – as in your original.

This is what happens in Safari (not in chrome) and I would like to purposely implement (black dot stays always)

Hey @arminunruh

My website is https://villalba.studio/

Is there a simple way for cursor to stay always on the screen (not become a pointer). For instance, in chrome the cursor disappear over any link. However, in Safari, the cursor stays over the main navigation (but disappears over the filters).

I would like the black dot to always stay on screen. I tried some custom code you had suggested but the cursor looks worse as png (but still disappears over links)

Hey Moritz

Have you tried the filters in the thumbnail grid?

I'm trying to do something very simple and within the standard features of Laytheme (no fancy CSS involved)

I simply want the Menu bar (with the menu and the site title) to move away when scrolling down (and come back upon scrolling up). But it does not appear to be working properly.

At the moment everything is set to move away, but title and menu go, and the bar stays.

Furthermore, for the Site Title and menu to move away, I first need to click 'is fixed' – Otherwise the option 'move away when scrolling down' disappears (?).

This is – to say the least – counterintuitive. Am I being stupid? I don't remember having this problem in previous laytheme websites (although I tend to favour fixed menus)

https://leoneloray.com/

@marcos
I tried this to change the colour of all the Carrousel Numbers (an dit worked)

.lay-carousel-sink-parent 
span.numbers._Default_no_spaces {
  color: #543823;
}

Then I tried this to try this (which is far from ideal) and oddly enough changed the colour of the numbers in the given page... but not to the given HEX code (?)

.slug-casaparados
  span.numbers._Default_no_spaces {
  color: #011e41;
}

I'm designing a website for some Architects (which also design furniture). We have two 'twin' project templates:
● Architecture – White BKG / Blue Typography
● Furniture – Tan BKG / Brown Typography
Both with the (carrosuel) numbers pushed into the corner of the viewport

I would like to make the numbers blue in one / brown on another... Is there a a way to target all the items in a given category?

BKG

@Hans-Pelle this is what I just did on a similar instance:

![.lay-carousel-sink-parent {
         position: fixed!important;
         bottom: 0!important;
         right: 0!important;
	margin-bottom: 2vw;
	margin-right: 1.5vw;
  border: 0;
}](image url)

(I had previously tried the span.numbers class with no luck, the key seems to be moving the container inside which the numbers are placed)

@marskid Maybe is too late / or you already figured it out but this is what I just did on a similar instance:

.lay-carousel-sink-parent {
         position: fixed!important;
         bottom: 0!important;
         right: 0!important;
	margin-bottom: 2vw;
	margin-right: 1.5vw;
  border: 0;
}

In your case you'll probably need to tinker with margin-top, etc...

(I had previously tried the span.numbers class with no luck, the key seems to be to move the container inside which the numbers are placed)

The default position of the Tag filter (=under Category Filter) is not good for my project overview https://climate-forum.com/category/all/#category-all

I wanted the tag filter top-aligned with the category filter (which I successfully managed, following a similar discussion topic: http://laythemeforum.com:4567/topic/6399/category-filter-position/4 Thank you @Richard !!!!)

BUT now the problem is that as the tags overlap the categories :-/

Can anybody advice how to limit the area allocated for the tags? Ideally I would like them to don't go over the left half of the screen (=and then go into two lines)

I gave tried this, but no luck

Any advice would be most welcomed!!!!

Thank you very much @arminunruh !!!

URL: http://hassenbalut.com/

FIREFOX

CHROME:

The Fullscreen slider behaves properly on Firefox but not on Chrome.

On Firefox the image gets crop on the sides to fill the viewport fully. Perfect.

On Chrome the image is fully contained on the viewport and as result two bars (of background colour) appear at the top and bottom

Hello!

I uploaded the two videos in customize > intro
– a Landscape (mostly for desktop/laptop)
– a Portrait (for mobile, right?)

BUT the Portrait is not playing.... browser takes you directly to the landing... However (Oddly enough) if I rotate the phone, the landscape video DOES play upon arriving to the site.

http://hassenbalut.com

Please advice!

Please e-mail: hello@villalba.studio or instagram: villalba.studio

I'm looking for a developer (or code-savvy designer) to help with some Laytheme websites. We are able to achieve 90% of the website, but sometimes we struggle with implementing custom code, even with an existing thread in the forum.

For instance, this week I'm looking for something to help me develop an accordion. But I have some other issues coming all the time...

I'm looking a reliable person with plenty of experience using laytheme that would charge per/hour (or per/day) to help us with very specific elements of the website.

Re: L ESP Text Glitch?

I'm encountering the following issue: A weird L-SEP character [U+2028 or HTML entity code &#8232 / which is a kind of newline character (not actually supposed to be displayed) is appearing on Chrome (on PC). Any ideas how to solve it?

(@cschm-tz had the same issue about a year ago)