Adrean

Hi @zoonini

No, sadly I didn’t figure it out. I am using the work around as described above. The header is just slightly of, just a view millimeters…

Don’t worry. I will work something out. Luckily the Theme offers plenty alternatives to design something nice.

Thank you. If I will give it another try I might reach out again. Otherwise you can mark this one as resolved. Thanks a lot and have a great day.

Thank you @zoonini

The “viewport height” is new to me and very helpful.

Still I am struggling to set my main header (the same as on every other site on my website) into the cover. Well, I can put the header in, but when I position it to the upper middle content position of the cover (so that the header sticks to the top, at the same position as on every other site of my website) it changes the width from wide to narrow.

Only when i place the cover content in the very middle of the cover, I can freely choose the sizes of the header and the page title independently. Now I have set the cover to full screen (100% vh) and put a spacer between the header and the page title at 75% vh.

But now the height of the cover varies depending on the size of the page title. Also the header does not (on pages with short title) stay at the same position (Top) as of every other page. Like on this page: (If you are on the post and click the site title you will see that the header on homepage is at a higher position than the header of the linked blog post).

https://www.adrean.de/anleitungen/selinatur/kaffeefilter/

To provide a clear question: Do you know how i can stick the header to the top of the cover block while retaining wide width? (So that the header sticks to a fixed position no matter what and i can work from there down, for instance with a non responive seperator block).

Once again a bit hard for me to explain and even harder to understand. Really puzzling me. I think I will try some things and experiment with it. No pressure.

Have a great day,

Adrean

Awesome, thank you @zoonini

More than i could ask for. Seems to be working. I modified your code a little bit for incase i also want to change the style for desktop. Tried this version, seems to be also working. Could i use it like that for incase I not only want it like this on mobile? (I have near to zero knowledge about css).

/* Quote block */
.wp-block-quote {
margin-left: 0;
margin-right: 0;
}

And as requested, here is a screenshot of my quote-settings (while editing, quote block selected). Both options show and look exactly the same. (“Einfach” means “simple”).

Hope that helps. Would interest me, if you know why both show the same. Maybe i am missing something. Anyway, my problem is solved. Thank you a lot.

Amazing! Thank you @zoonini

.wp-block-post-content {
  word-break: break-word;
}

This one seems to be working perfectly. Couldn’t spot any issues neither on mobile nor on desktop. Works like a charm, helps me a lot.

Thank you and have a great day

Hi @zoonini

thank you for the quick answer. But my problem is a different one. Hard to explain for me. I would like to set the featured image kind of responsive. So that on mobile as well as on desktop, when you open the post, the whole display is covered with the featured image (with the title and nav bar within). Then the user can scroll down and there comes the text etc.

A bit like this design from the twentig plugin:

https://demo.twentig.com/lutece/

I hope it is more clear now, don’t hesitate to tell me if not.

Happy easter and have a great day

Dear @zoonini

thanks a lot, i think that will do. Seems to be working fine. The hole text of the quote block is a bit narrow on mobile, but i guess thats just how it is – with or without line in front.

Also I was unsure if it is supposed to be like this, because i have to style options for the quote block – standart and simple – but both seem to do the same.

Thanks again, great help, awesome.

Thanks a lot @zoonini

I tried the Code, but now every line everywhere breaks abruptly in the middle of a word. Not possible to use.

I like the idea about putting the links in words, but i actually would prefer to remove the hyperlink all together, so that the link is only in like plain text and not directly clickable.

Do you have any other idea? I wonder how other websites solve this, must be a common issue, no?

Otherwise don’t worry to much, thanks a lot already. I will think about possible workarounds.

Happy Easter and thank you

Good to know, thank you, I will have a look. Would be an awesome feature for truly enabling convenient microblogging.

Greetings

Ohhh man… thank you @kittmedia

Sorry for the hustle, clearly I misunderstood that.

Okok, well then, thank you and have a great evening.

Hi and thank for your fast reply, the plugin ist still on as well.

The missing not showing tweet embed is directly on the homepage – you can not miss it.

I have marked it for you with following sentence:

Test und Bug (Feld wird nicht angezeigt?)

Thanks a lot for having a look

Ok, no replies yet. I will delete the plugin for now, since it does not work properly. I might try another time, maybe you will have a bit of time then, i understand that you are busy.

But great idea, theoretically awesome.

Have a great day and thanks anyway

Alright, thanks a lot @maybellyne

So what I understand is that everything seems to be alright. Thats great!

Thank you and have a great day.

Thanks a lot @zoonini

Its working now. Suddenly. Like a small miracle. I dont know what changed, but all links work now just fine at any size, without css.

I wish i would know what caused this behavior. Lets just hope it wont happen again.

Thank you and have a great day, thanks for your passion and explaination

Ok, here i am again. My site is online again. The missing tweet embed is on the homepage… or not.

The website i need help with: adrean.de

If I can be helpful in any way, please tell me. Thank you and have a great evening.

In the mean time i am experimenting with css. Works ok for site title, pullquotes and i think post titles. But for simple paragraphs i am not able to make the links same sized as the rest. Tried this one:

.wp-block-paragraph a:where(:not(.wp-element-button)) {
font-size: inherit;
}

Any Idea how to solve this? Have a great Day.

• This reply was modified 1 year, 9 months ago by Adrean.