- This topic has 13 replies, 2 voices, and was last updated 4 months ago by
.
-
Posts
-
Hi,
I have some problems with desktop / mobile version.
I used a cover image in the middle of the page, with text on it. The cover image is full length but I don’t want the text to be full length too. If I change the padding / margin it looks fine on the desktop version, but on the mobile version there is one character per sentence… How can I fix this?Kind regards,
BrittCustomer Support
Hi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Yes, sure. See other field for details..
The password/login didn’t work for me.
Can you confirm?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/New try:
That one worked.
Which section should I be looking at?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/For example at the home page, at ‘Blijf op de hoogte’. It’s a cover image with text and social media icons. I don’t want the text to be full length.
Furthermore the cover image in the middle op the page at:
https://ietsleucqs-ietslecqers.nl/over-iets-leucqs/
https://ietsleucqs-ietslecqers.nl/iets-lecqers/
https://ietsleucqs-ietslecqers.nl/relatiegeschenken/Everywhere the same problem.
Since you are using Kadence block, you will need to check with their support.
You can achieve something like that with GenerateBlocks as well which allows you to set the outer container to full and inner container to contained:
https://docs.generateblocks.com/article/container-overview/#standalone-blockDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Yeah, I installed Kadence Block because I couldn’t fix it with GP. But I will try with the docs you send!
Just to make sure, we are talking about GenerateBlocks (not GP) which is a separate plugin here 🙂
https://wordpress.org/plugins/generateblocks/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Okay, thanks!! It’s better now. The only thing is… That the text in the cover image is in line with the container at desktop. But mobile version is much smaller. Can I fix this?
Where can I see the issue?
Just viewed the home page and it’s still using Kadence block.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/Here: https://ietsleucqs-ietslecqers.nl/relatiegeschenken/
At ‘Download de brochure’That’s because you have 40px padding added to the container:
https://www.screencast.com/t/oGvLIFSEj7I would recommend creating this whole element with GB container block instead of using the default cover block from Gutenberg:
https://www.screencast.com/t/34T74w4gYou would basically need to add a full width container block with background image added, then 2 heading blocks, and a button block. All from GB:
https://docs.generateblocks.com/article/container-overview/
https://docs.generateblocks.com/article/headline-overview/
https://docs.generateblocks.com/article/buttons-overview/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
- You must be logged in to reply to this topic.