Custom full pages within X framework (ethos stack)

Support
#1

Hi there,
I set up some custom page templates with a simple structure: header, content, footer.
(The idea is to have small subsites within the main site)

For the content section i copied the ethos template-layout-full-width.php content snippet:

<?php while ( have_posts() ) : the_post(); ?> <?php x_get_view( 'ethos', 'content', 'page' ); ?> <?php endwhile; ?>

The parent custom template is full width and has no sidebar BUT the resulting output in the browser inspector clearly shows only a left column for the main content.

Why is that? (see link below)

#2

Hi There,

Thanks for writing in! We need the full code to determine your issue.

I also see custom CSS rule applied to the x-main

.x-main {
    width: 72%;
}

Thanks!

#3

Hi there, how can I paste code?

#4

Hi There,

You can paste your code here (https://pastebin.com/) and then paste here the reference link.

Thanks!

#5

Ok. this is the page:
https://pastebin.com/Gf4TitLT

The 72% setting is the X theme options (Under Layout)
The site max width is 1200 px
The site width is set to 88% and
The Content width is set to 72%

#7

Hi,

Either make sure “Fullwidth” layout is selected in (X > Theme Options > Layout and Design > Content Layout) or replace this line:

<div class="<?php x_main_content_class(); ?>" role="main">

with:

<div class="x-main full" role="main">

Thanks.

#8

That did it, excellent!
Thanks very much.

#9

You are most welcome. :slight_smile:

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.