Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 25, 2015 at 5:21 pm #402190
    jimmyg72

    Hi,

    Devin Vinson placed a full width template on github.

    https://gist.github.com/DevinVinson/7540477

    I tried out this full width template but when using a stretched layout (theme options) and no sidebar (page layout) my color sections are not expanding full width but they stop at container width (which is in my case 1310px). I don’t have this problem when using the default template.
    I don’t see any differences in css when I compare.

    Anyone?

    Thanks

    Jimmy

    February 25, 2015 at 5:32 pm #402213
    Josue

    Hey Jimmy!

    Try adding this code to the Quick CSS:

    .page-template-template-fullwidth .container {
    max-width: initial;
}

    Cheers! 
    Josue

    February 25, 2015 at 6:02 pm #402246
    jimmyg72

    Hi thanks,

    Sorry, I meant that the color section background is not expanding full size. So the container’s parent div (with classes avia-section +.container_wrap + .fullsize) is not going full size.

    Although this is the css:

    .avia-section {
    clear:both;
    float:left;
    min-height:100px;
    position:static;
    width:100%;
    }

    Thanks
    Jimmy

    February 26, 2015 at 9:52 am #402538
    Ismael

    Hey!

    Thank you for using Enfold.

    Why do you need the full width template? Can’t you just build the site using the default template? The problem with the template is that the color section is being place inside the container div preventing it to behave as a normal color section would. 

    <div class='container_wrap container_wrap_first main_color fullsize'>
 <div class='container'>
POSITION OF THE COLOR SECTION WHEN THE TEMPLATE IS USE 
</div>
</div>

    Normal position is:

    
<div id="main">
COLOR SECTION HERE
ANOTHER COLOR SECTION HERE
</div>

    Regards,
    Ismael

    February 26, 2015 at 2:23 pm #402661
    jimmyg72

    Hey Ismael,

    thanks for your reply!

    Indeed, I noticed yesterday evening that the section was placed deeper inside the container div.

    I would like to use my own template because I want to add some custom php-code at certain points in my pages.
    I like working with custom fields (acf plugin) and I like to insert these fields or some query results at some points in my site.

    I was looking for a possibility to insert this php-code through the avia-layout-builder but this is not possible I think? The code-block is only meant for html, css and javascript.

    So therefore I wanted to use my own template so that I have full control.

    Maybe you know a way how I can do this? No detailed explanation needed but maybe a few tips?

    Thank you very much!

    Jimmy

    • This reply was modified 9 years, 8 months ago by jimmyg72.
    February 27, 2015 at 6:26 am #403185
    Ismael

    Hi!

    You can duplicate the template-builder.php, name it template-custom.php for example. Edit the page, add a template name at the very top:

    /*
	Template Name: Custom Builder
	*/

    You can add all custom fields inside this template.

    Cheers!
    Ismael

    February 27, 2015 at 1:39 pm #403383
    jimmyg72

    Ok thanks Ismael, I’ll give it a try!

    Jimmy

    March 1, 2015 at 8:52 am #404044
    Ismael

    Hi!

    I just realized a problem when doing the suggestion above, you won’t be able to specify the location of the custom fields. If you can’t find a workaround regarding that problem, try to use the previous fullwidth template then remove the container part: 

    div class='container'>

    And of course, the closing tag:

    </div><!--end container-->

    Regards,
    Ismael

    March 3, 2015 at 9:05 pm #405406
    jimmyg72

    Hi, it does not work by only removing this container div. There is also a parent container-wrap div and all the other tags like main and article….

    I think the best solution is not to use the builder and just copy and paste everything I need in a custom template so that everything is placed directly under the div id=”main” inside the header.php.

    Or I could make some custom widget plugins and some custom widget areas so that I can place these custom widget areas where I want them to be with the avia builder.

    Thanks

    Jimmy

    March 5, 2015 at 7:45 am #406252
    Ismael

    Hey!

    Alright. Let us know if that works for you.

    Regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.