Site logo

Archived topic

Misaligned CSS in generate press

3 replies · Started by Benjamin on November 6, 2021

Viewing posts 1–4 of 4

Hi Team,

CSS not displaying in generatepress as when launched from vs code.

I have created a web page in here http://www.typingtests.io/ with generate press

The page have custom html css and js.

However if you see the keyboard, it's left side is missing. However when I run it from vs code it is alright.

I am not good with css and have tried many things but nothing work. Please help.

Hi there,

the keyboard_keys row containers have negative left and right margins, but the keyboard_wrapp doesn't consider that in its sizing.

Either remove the neg margins or add padding to the wrapp to compensate:

https://www.screencast.com/t/htopJYJZ

THANK YOU DAVID!!!!!!!!!!

Glad to be of help!

This archived topic is closed to new replies.