Home › Forums › WoodMart support forum › How can I get rid of white space between some of the modules at the header and the footer

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

Viewing 30 posts - 1 through 30 (of 61 total)
1 2 3
  • Author
    Posts
  • October 22, 2020 at 12:02 pm #235333

    ditbrand
    Participant

    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.
    October 22, 2020 at 1:07 pm #235371

    Aizaz Imtiaz Awan
    Keymaster

    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.

    October 22, 2020 at 1:27 pm #235386

    ditbrand
    Participant

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

    October 22, 2020 at 1:30 pm #235391

    ditbrand
    Participant

    Sorry – it’s working now. Thanks

    October 22, 2020 at 3:16 pm #235410

    ditbrand
    Participant

    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.
    October 23, 2020 at 7:00 am #235519

    Aizaz Imtiaz Awan
    Keymaster

    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.

    October 23, 2020 at 12:13 pm #235625

    ditbrand
    Participant

    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?

    October 23, 2020 at 12:22 pm #235628

    Aizaz Imtiaz Awan
    Keymaster

    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.

    October 23, 2020 at 4:03 pm #235668

    ditbrand
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    October 24, 2020 at 6:23 am #235733

    Aizaz Imtiaz Awan
    Keymaster

    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.

    October 24, 2020 at 10:40 am #235780

    ditbrand
    Participant

    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.
    October 24, 2020 at 12:07 pm #235795

    Aizaz Imtiaz Awan
    Keymaster

    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.

    October 24, 2020 at 12:37 pm #235801

    ditbrand
    Participant

    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.

    October 24, 2020 at 1:00 pm #235802

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    Regard’s.
    Xtemos Studios.

    October 24, 2020 at 1:39 pm #235815

    ditbrand
    Participant

    Hi see details below

    October 24, 2020 at 1:41 pm #235817

    ditbrand
    Participant

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

    October 26, 2020 at 10:25 am #236155

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 2, 2020 at 4:30 pm #238008

    ditbrand
    Participant

    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

    November 3, 2020 at 6:52 am #238108

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 3, 2020 at 10:44 am #238182

    ditbrand
    Participant

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

    November 3, 2020 at 11:35 am #238211

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 3, 2020 at 6:36 pm #238376

    ditbrand
    Participant

    Please see attached.
    Thanks

    Attachments:
    You must be logged in to view attached files.
    November 4, 2020 at 8:55 am #238521

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 4, 2020 at 9:58 am #238538

    ditbrand
    Participant

    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.
    November 4, 2020 at 11:16 am #238568

    Aizaz Imtiaz Awan
    Keymaster

    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.

    November 4, 2020 at 3:16 pm #238671

    ditbrand
    Participant

    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.
    November 4, 2020 at 4:11 pm #238696

    ditbrand
    Participant

    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.
    November 4, 2020 at 5:53 pm #238755

    ditbrand
    Participant

    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

    November 4, 2020 at 6:11 pm #238763

    ditbrand
    Participant

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

    November 5, 2020 at 6:24 am #238874

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 30 posts - 1 through 30 (of 61 total)
1 2 3