Lay Theme Forum

i dont have a recommendation, yes they should all be!

to change the paddings on a per video basis, you need to add a html class to an element.

https://laytheme.com/documentation/custom-css-styling.html#create-button-style

here i show how to target a specific element.

but thumbnails inside a elementgrid or project thumbnail grid cant have different custom html classes. only the "elementgrid"/"project thumbnail grid" element itself can.

so you might want to add each thumbnail using +project thumbnail

maybe its easier if you just crop the videos using a video editing tool like handbrake

hey you need to use javascript to do that!

on mouseenter on .thumb get the text in its .title container, then place this text into a box in the top right.
so you'd need to add some custom html where u have a box at the top right and then use js to target that box and insert the text

oh actually i have no idea ://

amazing thanks so much!!

if i were to tweak the sizes of icon/delta what kind of css can i include in the classes?

you can change the width!

like
width: 500px!important;

this whole process has implied disabling the custom phone layout and the split screen you previously explained has now been deconstructed attached below design vs result

you're not talking about this:
https://laytheme.com/tutorials/create-a-desktop-burger-menu-or-info-overlay.html
(its just a note to myself cause this can get confusing)

well,
in that case:

we need to use the custom phone layout and use the solution i recommended earlier:

i would first remove these parts with the exception of the overlay button,

then i would create html and css in lay options → custom css & html
to replicate these parts on the website

this way, these two parts are completely controlled by custom code and they don't change if you're on the mobile version or not

so i will do this for you
can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

hey so with static websites, no contact form, booking plugins or anything like interactive will work where the user would send any information to the server

so if you want me to try and create the static website for you:

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

sure yes you just re-activate them!

thanks!
oh i see
mmh basically what you'd need is multiple custom position images

or we'd need some boundary for the stick to link image position that you currently use

well we do have this setting already, however it only works for images not getting cut off vertically but not horizontally:

Screenshot 2024-01-18 at 07.06.59.png

i will take a note, i should improve this setting to also work horizontally

not sure when i will find the time to work on this :O

@cschm-tz said in Web description/preview in google:

On the other hand, also in the screenshot below, you can see another site appearing below with some other info: 'Editorial -Christian....'. Do you know how I can get rid of it so that there's only one link accessible and have a cleaner google presence?

not sure if you can remove one specific site, you can google this!

the description you enter in lay options →
Screenshot 2023-07-17 at 21.13.45.png

it should show up there, unless its too short. it could take a few days to show up.

you could also use the plugin "yoast seo" and see if it works with that plugin

afaik the code for the website description of lay theme works correctly. i just looked at it and it works correctly

if you have the yoast seo plugin already installed, it will take the description of that plugin, it will overwrite lay theme's website description

just update your lay theme and remove the empty <p></p>
tag

the css is correct already it seems

if it doesnt work:

can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

oh yea
its because the browser cant resize everything fast enough causing the next caption to show up

update the carousel addon now

then use this css:

.single-caption{ opacity: 0; } .single-caption.caption-active{ opacity: 1; }

Dear @Jill Best wishes

Could you please post a link to your website?
Also to be sure:

https://laytheme.com/documentation.html#speedingup

https://www.eurovps.com/blog/reasons-for-slow-website-loading/

Talk soon & have a wonderful day Jill 🌝 Richard

Dear @Richard-K
No worries at all, glad I was able to pass some info myself this time :)
All the best
Christian

Dear Christian @cschm-tz

This needs to be thought about as a design issue not a coding issue:

You want the Menu to start at the same left margin as the page content/text, this is already achieved:

Font size is responsive so when you re-size the browser/page and text expands - it will go off the edge of page, or the spaces between the menu items will shrink until they clash and go into each other.

If Font-size is 'px' and stays the same size when page is resized it wont match the font-size of the content ( because content is responsive ). Menu items are pixels and non responsive and will stay the same size - thats its function when using pixels - its 'set'

This is a design choice that is up to you Christian.

Best wishes
Richard

Dear @cschm-tz

Are you able just to use the 'stack' feature?

Screen Shot 2020-12-15 at 2.54.35 PM.png

Text should easily be placed on top ' stacked' on other elements - i was using code because i assumed this hadn't worked for you

Best
Richard

@cschm-tz
Hi Christian,
have you made any progress in the meantime? Any good or bad experiences?
I have exactly the same question ...
Thanks for sharing!
Daniel

Dear @cschm-tz

Because your Secondary Menu ( bottom menu ) is "position: fixed;" It will always align on the bottom of the page even as other content changes -

Therefore ( i assume in your case ) that the primary menu text is too large for smaller screens, if the text is too large it will always push out at some point because: Smaller screen = less space,

However a common fix in your case would be that as the browser re-sizes the font size will adjust accordingly - Responsive Font Size:

https://www.w3schools.com/howto/howto_css_responsive_text.asp

For more help with CSS and Development tools:
https://www.khanacademy.org/computing/computer-programming/html-css

https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

Best Wishes & Good Luck! :)

Richard