How can I get rid of white space between some of the modules at the header and the footer

Hi
How can I get rid of white space between some of the modules at the header and the footer, see picutures below.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.main-page-wrapper {
	padding-top: 0px;
}

.site-content {
	margin-bottom: 0;
}

Best Regards.

Thanks – it’s working fine in the top of the page but not at the bottom.

Sorry – it’s working now. Thanks

Hi
when I am designing the mobile version, all the content text are missing. I have tried to chance the layout to higher pix, but no luck.

Can you advice me how to change the size of the content text?
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I have visited your website and space is removed from the header and footer.

Please clear the cache and check back.

Screenshot for Clarification: https://ibb.co/pJ3zhr7

And for the mobile please provide some relevant screenshot of the specific area in which you want to change the text to check it myself and help you out accordingly.

Best Regards.

Hi
Some texts are not shown at the mobile version. And I need to make the text size bigger at the mobile version, where can I do that?

Hello,

As I mentioned in my previous reply Please provide with the screenshot of the specific are that you want to change the text size to check it myself and help you out accordingly.

Best Regards.

I’ll try again. 😉
I need more text and bigger size of the text.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please edit the promo banner in which the content is added and set the font size for the mobile.

Screenshot for Clarification: https://ibb.co/rcqJns2

And for the content added to the promo banner try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wrapper-content-banner p {
	font-size: 15px;
}

You can set the font according to your needs.

Regard’s.
Xtemos Studios.

It’s still not working, it text are still way to small.

I have made new pictures to the mobile version, to give more space to the text. It look’s like the new layout with higher pixel are not shown at the mobile version, even though I have added the new pictures, it’s still the old smaller pictures. I have tried to call them some thing else, but nothing seems to be working correctly.
What can I do?
At some of the modules the text are missing on the onlive version, but it at the backend version.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website and the CSS I provided you is working for the paragraphs of the promo banners.

Screenshot for Clarification: https://ibb.co/NK0WCGF

Now if you set the text size too big then it will go outside the container and will not be displayed correctly on the mobile versions.

And for the sections not displaying on the mobile please try re-creating the sections and make sure that they are not set to be hidden for the mobile devices.

Screenshot for Clarification: https://ibb.co/DRm1v7w

And for the images not displayed on mobile please provide some relevant screenshot of the specific area to check it myself and help you out accordingly.

Best Regards.

I have tried to delete the module for the moble verion for eg Forretningsudvikling. And when I make a copy of one of the existing module and fill in the pitures and content for Forretningsudvikling, the text is still missing and the picutre is still smaller than the pictures at the other modules.

One of the Q’s is: Can I make the pictures bigger, since I olso need a buton and therefore I need more space. As told I have made the layouts bigger, but when I use the new pictures nothing is change it is still the same size.

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Regard’s.
Xtemos Studios.

Hi see details below

Is it possible to have the button on the right side of the content at the mobile version?
THanks

Hello,

I have created a test row and added text to it and it’s working absolutely fine on both mobile and desktop versions.

Which clarifies that the issue is not with the theme. Please try re-adding the modules then clear cache and check back.

Screenshot for Clarification: https://ibb.co/8BTTGyZ

And to move the button on the right side on mobile try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.promo-banner .banner-btn-wrapper {
	float: right;
}

Best Regards.

Hi,
PAGE:
Bæredygtig forretningsudvikling:
I have 5-6 Services which I would like to be present on every page. I have set up the SERVICES in columns with clickable buttons. The description text is in 2 lines, and I would like to minimize the distance between the 2 lines. How can I manage that?
The text might need to be a bit smaller at least at the mobile version. How can I change the text size?

Or do you see a smarter way of presenting the Services on every page?

I have some white space from the 1. section to the 2. section, that I cannot seem to get rid off, can you help me?

When I am done designing this page, can I make the page a kind of template that I can use for the rest of the pages? And how is this possible?
Thanks

Hello,

You are Most Welcome.

1) Please provide with the URL of the page and provide with some relevant screenshots of the areas that you want to change the font-size and the areas you want to remove the spaces to check it myself and help you out accordingly.

2) You can check our demo versions and decide how you want to display the services then I will guide you about the elements used to create the section.

3) You can try reading the following article for further help:
https://kb.wpbakery.com/docs/learning-more/templates/

Best Regards.

http://circularminded.com/index.php/baeredygtig-forretningsudvikling/?preview_id=27&preview_nonce=4610201299&_thumbnail_id=-1&preview=true

Hello,

I have visited the page you provided. You can edit the spacing between the rows by editing the design option for each row.

Screenshot for Clarification: https://prnt.sc/vcir41

And for the text size reduction for mobile please provide some relevant screenshot of the specific area to check it myself and help you out accordingly.

Regard’s.
Xtemos Studios.

Please see attached.
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached and visited your website.

To reduce the size of the text for the mobile devices try adding the following Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

.wpb_text_column {
	font-size: 12px;
}

You can set the font size according to your needs.

Regard’s.
Xtemos Studios.

Hi
How about making smaller distance between the text lines, eg

Bæredygtig
forretningsudvikling

instead of:

Bæredygtig

forretningsudvikling

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for the mobile area under Theme Settings >> Custom CSS.

.wpb_text_column.wpb_content_element p {
	margin-bottom: 5px;
}

Regard’s.
Xtemos Studios.

Thanks.

Can I change the color of the header in the widget footer?
And make smaller distance to the All rights restricted area

Attachments:

You must be logged in to view attached files.

Hi
I cant seem to get rid of this yellow linje. It’s from the mobile version, but eventhough this section is hidden on the computer, it still shows a small yellow linje.
I cant seem to remember how to save one page to a kind of template to use for the other pages?
Can you help me? THanks

Attachments:

You must be logged in to view attached files.

Hi

I really dont understand what’s happening. I have made a page “BÆREDYGTIG FORRETNINGSUDVIKLING”
and I have made 2 versions one for the computer and one for the mobil, I used the hidden button to define which version to use. Now suddenly both the computer and the mobile are showing on both devices.

When I enter the frontpage at the WP bakery page builder the page look really crapy, and the same when I use the different devices shown at the top of the WPBPB.
Can you please help me out? I dont know why this is happening all the sudden.
THANKS

Thanks

I have solved the issues with double content.
Still missing solution to the yellow line between the modules at the computer version.

Hello,

We are glad that you managed to fix one of your issues yourself.

The yellow space is actually the row in which section title is added that you set to be hidden for the desktop version.

You need to hide the row from the desktop. Please try adding the following Custom CSS in the Custom CSS for the Desktop area under Theme Settings >> Custom CSS.

.spc {
display: none;
}

Then clear the cache and check back.

Regard’s.
Xtemos Studios.

[Author]

Posts