White Bar displaying above content and below slider revolution below masthead

Support
#1

Hello, the X and Pro Themes are my two favorite themes and I have built more than 20 websites using these excellent themes.

One issue that I seem to have on every site, but which has been easily corrected with some css is that the theme seems to be constructed with some white padding above and below the content for the homepage, pages and posts. I wish this was not the case, however until now it was easily corrected when I use:

.home .x-container.offset {
margin: 0 auto;
}
.x-container.offset {
margin: 0 auto;
}
Today, this does not seem to be working with a new site I am beginning to work on today. https://www.temporaryserver15.com/

Maybe it is a newer version of WordPress or a newer version of the X Theme. Would you be kind enough to provide some css or instructions on how to adjust this?

Thanks,
Jon

#2

Hello Jon,

Thanks for writing in!

The white lines were there as it is a border of the navbar. To get rid of the lines, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-navbar-fixed-top-active .x-navbar-wrap {
    margin-bottom: 0;
}

.x-logobar, .x-navbar {
    border: none;
}

We would love to know if this has worked for you. Thank you.

#3

Hello, Normally your recommendations work, but this one did not. Is there anything else I should be checking?

I do see a few errors in the error log. Could any of these have anything to do with this?

[24-Nov-2019 21:27:29 UTC] PHP Warning: “continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”? in /home/mc41cluremor15/public_html/wp-content/plugins/revslider/includes/operations.class.php on line 2715
[24-Nov-2019 21:27:29 UTC] PHP Warning: “continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”? in /home/mc41cluremor15/public_html/wp-content/plugins/revslider/includes/operations.class.php on line 2719
[24-Nov-2019 21:27:29 UTC] PHP Warning: “continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”? in /home/mc41cluremor15/public_html/wp-content/plugins/revslider/includes/output.class.php on line 3624
[24-Nov-2019 21:27:46 UTC] PHP Warning: “continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”? in /home/mc41cluremor15/public_html/wp-content/plugins/revslider/includes/operations.class.php on line 2715
[24-Nov-2019 21:27:46 UTC] PHP Warning: “continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”? in /home/mc41cluremor15/public_html/wp-content/plugins/revslider/includes/operations.class.php on line 2719
[24-Nov-2019 21:27:46 UTC] PHP Warning: “continue” targeting switch is equivalent to “break”. Did you mean to use “continue 2”? in /home/mc41cluremor15/public_html/wp-content/plugins/revslider/includes/output.class.php on line 3624
[24-Nov-2019 21:38:16 UTC] PHP Warning: A non-numeric value encountered in /home/mc41cluremor15/public_html/wp-content/themes/x/framework/legacy/cranium/headers/output/integrity.php on line 167

#4

The last error pertains to X Theme, the previous ones are all Slider Revolution

#5

Hello Jon,

The code works on my end. The lines no longer displays.

You are seeing PHP Warnings. To get rid of these, please disable your debug mode. You can do this by opening wp-config.php and adding


define('WP_DEBUG', false);

/* That's all, stop editing! Happy blogging. */

When you revisit the page, you should no longer be seeing those PHP Warnings.

#6

Maybe we are not looking at the same white gap. I am attaching a screenshot with red arrows indicating the white gap.

#7

#8

Hello Jon,

You can simply change the page template from Layout - Fullwidth to Blank - No Container | Header, Footer page template. This will not require any custom css to remove those gaps. For more details about the different page templates in the theme, please check this out:

Best Regards.

#9

Hello NueRel,
That is an interesting idea. It is good to know about that. However, then there is the issue of the page content going from edge to edge instead of boxed to 1300px. Is there a way to use that page template without the container but box the page content?

#10

Hey Jon,

I can see that you are using WPBakery Page Builder. In that case, you just have to revert to the Layout - Fullwidth and then use this custom css:

.page-template-template-layout-full-width .x-container.offset {
  margin: 0 auto;
}

We would love to know if this has worked for you. Thank you.

#11

This is still my favorite theme. I have switched between the Pro and X theme on this site and tried every combination of css and page template and am stuck. I have css that has worked on at least 5 other sites but just not this one. The only thing left is to try some older versions of the themes.

#12

We can close this support ticket.

#13

Hey Jon,

Thanks for the feedback.

Best Regards.

#14