- This topic has 13 replies, 2 voices, and was last updated 4 months ago by
Leo.
-
AuthorPosts
-
September 21, 2020 at 8:58 am #1452547
Britt
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,
BrittSeptember 21, 2020 at 9:37 am #1452596Leo
StaffCustomer SupportHi 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/September 21, 2020 at 1:17 pm #1452846Britt
Yes, sure. See other field for details..
September 21, 2020 at 1:27 pm #1452863Leo
StaffCustomer SupportThe password/login didn’t work for me.
Can you confirm?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 1:35 pm #1452877Britt
New try:
September 21, 2020 at 1:39 pm #1452886Leo
StaffCustomer SupportThat one worked.
Which section should I be looking at?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 21, 2020 at 1:58 pm #1452915Britt
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.
September 21, 2020 at 2:01 pm #1452922Leo
StaffCustomer SupportSince 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/September 21, 2020 at 2:03 pm #1452928Britt
Yeah, I installed Kadence Block because I couldn’t fix it with GP. But I will try with the docs you send!
September 21, 2020 at 2:06 pm #1452935Leo
StaffCustomer SupportJust 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/September 21, 2020 at 2:13 pm #1452950Britt
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?
September 21, 2020 at 2:16 pm #1452952Leo
StaffCustomer SupportWhere 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/September 21, 2020 at 2:37 pm #1452970Britt
Here: https://ietsleucqs-ietslecqers.nl/relatiegeschenken/
At ‘Download de brochure’September 21, 2020 at 2:56 pm #1452988Leo
StaffCustomer SupportThat’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/ -
AuthorPosts
- You must be logged in to reply to this topic.