Hi, I’m afraid this doesn’t work either – changing the font size works fine, but changing the line height has no impact on the front end.

Dear Ismael

thank you for the script. I changed the “max-width: 1024px” to 1200px, then the script works wonderfully for the tablet. The problem has already been solved.

However, I still have the problem with the cookie banner on my mobile phone that it is only partially displayed: see screenshot: https://www.osmosis.de/support%20/cookie/mobile.jpg
The solution with the widening of the window does not work here.
But there is still space at the bottom of the cookie banner: Would it be possible to align the cookie banner for the mobile phone at the very bottom of the website – without any gap (margin or padding)?
On the other hand, I would like to set the font size to 10px for the mobile phone only. But I’m not sure how to set the width information here, so that this is only set to the font size 10px on the mobile phone:
Maybe somehow like this: – ??? -:
@media only screen and (max-width: 767px) {
#top .av-toggle-switch .toggle-label-content {
font-size: 10px! important;
font-weight: lighter! important;
}
}

Do you have a solution here?
Thank you for your editing!
Many greetings Diana

Hi Victoria

The printarea is correct with Google Chrome, Microsoft Edge. Firefox is showing only 1 Page. Do you know why?
Unfortunately the Font-Size in TablePress is too big. How can i change this?
Safari isn’t showing the Website… Safari kann die Seite nicht öffnen, da Safari keine sichere Verbindung zum Server aufbauen kann.

Could you help me please? :-)
Thanks a lot in advance, rosarot

Awesome, am so sorry, I should have noticed that. Wonder if you could now help me make this more responsive?

1. Header Widget doesn’t work on Mobile and Tablet. Is there a way to place it below the logo on smaller screens? Right now it overlaps or goes behind the logo on mobile, and on Tablet it overlaps or is too low.

2. The other issue is that I have chosen one font color, so it looks nice on the the home page, but hte home page is the only page with a transparent header – on all of the other pages the color of the header nees to just be black and fit into the whte space in the regular white header, so needs to be black like sticky header.

I was able to figure out css to make black when the header scrolls to the smaller sticky header, and that looks nice, but it needs to be black on all of the other pages without hte transparent header. Here is the css I have right now, yours and mine:

I really appreciate your help with this!

/*STYLE HEADER WIDGET */
#text-6 {
position: absolute;
left: 5%; margin-top: -10px;
max-width: 30%; font-family: ‘work sans’,’HelveticaNeue’,’Helvetica Neue’,’Helvetica-Neue’,Helvetica,Arial,sans-serif; font-weight: bold; color: #FDE8A5; text-align: center; font-size: 18px; text-shadow: 2px 2px 12px #000000
}

#top #header.header-scrolled #header_main #text-6 {
color: #000000; margin-top: -30px; text-shadow: none;
}

There is one thing still not working but it has been years since I used Enfold, so it might just be me.
The main menu items are not changing font color and size. If you can check what I did, thank you?

Hi Rikard,

Doesn’t seem to work.
Added it to Quick CSS and also to the custom.css but doesn’t have an effect.

When I manually add the CSS code to the individual post pg, it works… Meaning that when I add a new styleelement, it works.
Overwriting the stylesettings of the existing p element doesn’t work.

<style>
pblog {
line-height: normal !important;
font-size: small !important;
}
</style>

See the preview URL in the private content.

Hi Victoria,

Thanks for your quick reply.

See the requested info the private content. Tried adding some code to the customs.css but this doesn’t have the expected effect.
When I change adhoc the font-size of line-height with Chrome, I do see the difference.

Cheers,
Dimitri