I am getting crazy. I lost hours and hours trying to figure out, why the theme puts margins below or above pictures, so that it is impossible for me to have the text box align with the picture box.
You can see the example with the picture near the text box with the title:
"eine Plattform für Austausch"
If I inspect the element, I find even 2 different margins: a bottom-margin of 35 px overriden by another margin of 20px.
I checked a hundred times all the margins of that WPbackery element, but can't figure out, where this margin comes from. What I want is to get rid of this margin and align the borders of the boxes.
Can you tell me how to get rid of this margins? Or how to set up properly my elements in WP backery to avoid this behavior?
I also have another question: what is the quickest way to define the mobile size of all titles? I can do it in WPbackery for every box, but I guess there must be an option somewhere to customise this for the whole mobile version for all pages.
As you can see the brown box does not fit in the bottom with the image, although the row has "equal heights".
If you want to check the backend, the credentials are the same as for my previous ticket.
2. When I check the website on my mobile device, usually the titles and even the body text is way too big.
So I have to define in WP Backery for each "bloc" the custom size on mobile devices.
But I am sure this can be done just once for all pages. But I did not find where I could do this. I could of course edit the CSS but before I do this, I would like to know if there is a field where I can do this (for exemple in the customize admin).
Anyway I would suggest to put this option somewhere in your "customize" admin, so it would be easier for people to have a consistent mobile style for all pages.
Hi.
I am getting crazy. I lost hours and hours trying to figure out, why the theme puts margins below or above pictures, so that it is impossible for me to have the text box align with the picture box.
You can see the example with the picture near the text box with the title:
"eine Plattform für Austausch"
If I inspect the element, I find even 2 different margins: a bottom-margin of 35 px overriden by another margin of 20px.
I checked a hundred times all the margins of that WPbackery element, but can't figure out, where this margin comes from. What I want is to get rid of this margin and align the borders of the boxes.
Can you tell me how to get rid of this margins? Or how to set up properly my elements in WP backery to avoid this behavior?
I also have another question: what is the quickest way to define the mobile size of all titles? I can do it in WPbackery for every box, but I guess there must be an option somewhere to customise this for the whole mobile version for all pages.
Where can I find this option?
Thank you for your help.
Best
LAurent
Hi,
1/ For margin issue, can you send me URL for that issue?
2/ For mobile size, can you tell me more about this? I'm not clearly about this.
Best Regards,
PenciDesign
Thank you for your answer.
1. Margins:
Here is the URL: https://bioackerbautag.dream.press/
As you can see the brown box does not fit in the bottom with the image, although the row has "equal heights".
If you want to check the backend, the credentials are the same as for my previous ticket.
2. When I check the website on my mobile device, usually the titles and even the body text is way too big.
So I have to define in WP Backery for each "bloc" the custom size on mobile devices.
But I am sure this can be done just once for all pages. But I did not find where I could do this. I could of course edit the CSS but before I do this, I would like to know if there is a field where I can do this (for exemple in the customize admin).
Hi,
1/ Please check this image for more and I've fixed it help you by change config here. You can take it a look again on your site.
2/ Please check this image to know how to do that.
Best Regards,
PenciDesign
Hi.
1. Thanks for the tip. So I assume if I don't put "0" there, then there is a standard margin applied? Good to know.
2. This is what I did already. This means, I can not change the "standard" typo settings for the theme? like "mobile style: 12px" for all pages?
Hi,
2/ If so, you can try for use this code to make it apply for all heading of Penci Fancy Heading Title on mobile:
@media screen and (min-width: 480px){ .penci-fancy-heading .penci-heading-title{ font-size: 20px; } }This code will be overrided if you set custom value for Heading Title for Mobile via WPBakery Page Builder.
Best Regards,
PenciDesign
Great. Thanks a lot.
CSS editing does the trick :)
Anyway I would suggest to put this option somewhere in your "customize" admin, so it would be easier for people to have a consistent mobile style for all pages.