Lay Theme Forum

@arminunruh that worked, thanks! Table styling is something I keep coming back to, especially for CVs etc. so that would be greatly appreciated – at least on my end :)

Hello everyone,

I am working on the website https://www.annakubelik.com/cv/ and am happy with the way things look in desktop. However, when viewing the list of exhibitions on mobile, I cannot scroll to the right to see the full line.
I tried with custom CSS for all td elements, setting overflow to auto and/or table-layout to auto did not net the desired results. What could be a solution to this?

Thank you,
Julius

Hello,
I am trying to end some of my pages with an image strip that covers the full width of the window. However, the image will only cover the max content width defined in the Lay Options, revealing the peachy-orange background on each side. How can I cover this area too? Ideally, I'd like to just use CSS classes that I can assign in the project editor. It should work for both desktop & mobile.

.bildstreifen{
    max-height: 100px !important;
    max-width: 100% !important;
    object-fit: cover !important;
}

This code is what I have been using so far.

For reference: http://gesundheitspraxis-engel.de/methoden (this page might not always be publicly accessible.

Best
Julius

Hello!

I'm currently designing a website for a friend and would like to show a thumbnail grid of two columns with the title and desciption to the right of the thumbnail. When I enable Activate project descriptions for thumbnails the only options I get are above, on top of or below the image. Is there a way to position them next to the thumbnail?

I created the desired look manually but for future proofing and ease of use it would be nice to somehow have this work automatically within a thumbnail grid: http://philippdarius.com/works

Cheers
Julius

Hey Marius,

this kind of worked. Now all of the menu points have the text overlaid. So now two questions arise:

1. How can I make the original text disappear?

2. How can I select only a single menu point? I tried with selecting via

[data-id="161"]{
...
}

and modifying yours to

nav.primary li menu-item-233 {
    display: inline-block;
    background: url(http://spandau20.com/wp-content/uploads/2020/05/mixtapes.png) no-repeat;
    background-size: contain;
}

but that was not successful.

Best,
Julius

I couldn't find anything in the customizer either but solved it through the custom CSS. Still odd that this only came up with the latest update. Thanks for the help, @mariusjopen!

Best,
Julius

That's odd, neither my text formats nor my custom CSS does this – what could be the reason? This problem only came up with the update to 3.3.0 without me (knowingly) changing anything.

Cheers
Julius

.top-padding{
    padding-top: 100px;
}

.infotext{
    max-width: 600px;
    /*position: fixed;*/
}

td{
    vertical-align: top;
    padding-bottom: 20px;
    padding-right: 15px;
}

/*.WIP{
    <h1 class="_HEADLINE WIP">work in progress</h1>
    position: absolute;
    top: 34px;
    right: 5%;
    text-align: right;
    color: #ff5500;
}*/

Another update to this:

I recently updated my personal website to 3.3.0 and now the Thumbnail project description has a double line break instead of one prior to the update. See www.winckler.net for reference. I think this might be down to a similar problem but caused no issues before my recent update. I deleted all of the formatting but the problem still remains.

How can I downgrade back to a previous version of Lay Theme until this issue is resolved?

Hey Marius,

yes, this is why I copied all of the lines to a unformatted text editor file before copying them into the table again. I gave it another try and noticed that despite the table field being empty, there still was an invisible <p> in the field which I deleted with an extra backspace. I saw this in the breadcrumb style tag list at the bottom of the text editor field. After deleting the invisible tag, it looks like it should.

Still, this is a problem that keeps coming back. It would be nice if it was possible to somehow remove the formatting of a text inside lay.

Best
Julius

Hello,

once again this problem has come up, but in a different context. While most of the entries in the tables look fine, some of them have different line heights despite my efforts to copy the content from a unformatted text editor.

https://www.annakubelik.com/cv2

Is this a bug or am I doing something wrong? Is there a way to clear all formatting of a table cell?

Best
Julius

Hi Marius,

it is spandau20.com

Thank you!

Dear Marius,

I tried a bit of CSS butt have been struggling since I don't have too much knowledge in this field. From what I've gathered online, this could be the CSS to replace the Menu item:

text-indent: -100em;
overflow: hidden;
background: url(http://spandau20.com/wp-content/uploads/2020/05/mixtapes.png) no-repeat;

How can I address the menu item in my code? Using [data-id="161"] {...} was unsuccessful :(

spandau20.com is the website.

Cheers!
Julius

Hello,

I would like to replace my menu items with custom images. Is this possible? I feel like I saw the feature somewhere some time...

Best
Julius

That fixed it, yes! I did copy it from the old website which was transferred to Lay Theme :) On that note: I bought a pro license and used that activation key but used the .zip from my old studio license. Can that cause any problems in the long run?

Cheers

Hello everyone,

https://www.annakubelik.com/profile/

You can see that the distance between two paragraphs is not uniform, despite me setting the Space Top/Bottom to 0px and simply adding an extra line between every paragraph. Also, if you highlight the text you can sometimes see the extra line – and sometimes not.

What have I missed here?

Best
Julius

Hi,

I was trying to add a Youtube video to http://winckler.net/glitchart but in WP the resizing of elements for just this page is very buggy or simply not possible. This affects all elements on the page but not the ones on other pages. I experienced this on Firefox and Safari and after updating to the newest version of Lay.

Best
Julius

Hi Marius,

That didn't work either but I managed to work it out using a HTML object:

<img src="wp-content/uploads/2019/02/banner_03.jpg" alt="Banner" class="banner">

The CSS class:

.banner{
position: relative;
padding-top: 125px;
height: 125px !important;
object-fit: cover !important;
}

Thanks for your help!
Julius

That's what I tried but it didn't work.

These are the classes that the banner image has:

Hi Marius,

I tried dragging the image to the left which worked but didn't yield the effect I was aiming for. (See www.spandau20.com/dates)

Maybe my aims were a bit unclear: The banner on the subscribe page looks great with only one problem: I want the height to remain at the same px value across all screen sizes. The width is correct.

I made a quick sketch in Ps of how I want this to look across two screen sizes:

Best
Julius

Hey Marius,

not sure if I undestand. I tried dragging the image into the top frame area, that didn't work.

Best
Julius