Tagged: full page content, template
-
AuthorPosts
-
May 16, 2023 at 6:16 pm #1407652
Hi there,
I want a template that includes just the header and footer but is completely full-width with no margins and no padding in the content area. I have already modified the CSS to make the header and footer full-width. I can’t seem to make the content area full width. I DON’T want to use the ALB on this page. I have included the link: I created a template in a child theme that seems to include just those items but the right side still includes a margin. I have targeted all of the CSS and nothing seems to get rid of that right margin.Here’s what I”ve targeted:
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
margin:0;padding:0;
}
The bb-container style is my workaround trying to make this content area full page.
.bb-container {
max-width:none;
width:auto;
margin:0 0;
margin-right:0;
}
.entry-content{margin:0; padding:0;}I tried to take the call to the sidebar out of the template, but it didn’t work. I thought the sidebar may be keeping it from being full width:
Here’s the template :<?php /* Page Template Name: BB full width */ if ( ! defined( 'ABSPATH' ) ){ die(); } global $avia_config, $wp_query; /* * get_header is a basic wordpress function, used to retrieve the header.php file in your theme directory. */ get_header(); /** * @used_by enfold\config-wpml\config.php 10 * @since 4.5.1 */ do_action( 'ava_page_template_after_header' ); if( get_post_meta(get_the_ID(), 'header', true) != 'no') { //echo avia_title(); } do_action( 'ava_after_main_title' ); ?> <div class='bb-container'> <main class='content <?php avia_layout_class( 'content' ); ?> units' <?php avia_markup_helper(array('context' => 'content','post_type'=>'page'));?>> <?php /* Run the loop to output the posts. * If you want to overload this in a child theme then include a file * called loop-page.php and that will be used instead. */ get_template_part( 'includes/loop', 'page' ); ?> <!--end content--> </main> <?php //get the sidebar $avia_config['currently_viewing'] = 'page'; get_sidebar(); ?> </div><!-- close default .container_wrap element --> <?php get_footer();
I’ve searched for days and cannot find the answer to this issue. Thanks in advance.
May 18, 2023 at 6:11 am #1407797Hey AliceH,
Thank you for the inquiry.
If you want to make the page full width without margins, you have to remove the container div.
<div class='container'></div>
or this container.
<div class='bb-container'></div>
You can also adjust the width of the containers using css.
Example:
.container { width: 100%; max-width: 100%; }
Best regards,
IsmaelAugust 15, 2023 at 8:21 pm #1416363This is a follow up to the width question. I’m trying the v5.6.5 (update from 5.6) on a staging site. I don’t know what’s different with this update making ALL of the pages displaying full width, they didn’t do that before. And yes, I know that was the question about making it full width, but it didn’t apply to all of the pages before.
Existing site running 5.6: https://www.goexpertpest.com
Staging site running 5.6.5: https://expertservstg.wpengine.com/I just created the staging site today so they are exact copies other than updating to the latest version of the theme. There are thousands of pages on this site.
What I’m trying to do is create a couple of landing pages using a front end builder and I need those specific pages to be full width. The rest of the pages can be the standard width. Is there a way to EXCLUDE certain pages from the layout defined in the theme settings > General Layout? I think that would solve the problem.
Thanks.
August 16, 2023 at 8:07 am #1416388Hi,
Thank you for the update.
Did you add the css code above? Please note that the above modification will affect all containers in the site. You may need to utilize the custom css class or ID fields in order to apply the modification on specific elements or pages.
// https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.