Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #791279

    Is there any way i can achieve this.

    #791306

    Hey PAidoo,

    Yes, that should be possible if you’re using a stretched layout. Can you post a link a page of your site that uses that two columns? you can post it in private content, if you only want it to be visible to the moderators only.

    Best regards,
    Nikko

    #791371

    Check it out.

    #791408

    Hi,

    You can add this css code in Quick CSS (located in Enfold > General Styling):

    #fulsekcija .container {
        max-width: 100%;
        padding: 0;
    }

    However, if you want to use this method to other sections as well I would suggest you enable Custom Css Classes: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ then give it a class name for example fullwidth-section

     then in Quick CSS add:
    <pre><code>#top .fullwidth-section .container {
        max-width: 100%;
        padding: 0;
    }

    And you just add this class to each section you want to be full width. I hope this helps :)

    Best regards,
    Nikko

    #792175

    I don’t think this is gonna work. It’s not a problem to make full width section but then my content inside that section also goes to the edge it’s not gonna stay in container. I want full width section example 50% black 50% red and then i want content in those sections stay in container. Take a look this site, you see what i mean.

    #792216

    Hi,

    Okay, can you try this one instead (the color is not black and red, but based on the color on the 2 columns of the section) :

    #fulsekcija {
        background: #373f42;
        background: -moz-linear-gradient(left, #373f42 0%, #373f42 50%, #ebedf0 50%, #ebedf0 100%);
        background: -webkit-linear-gradient(left, #373f42 0%,#373f42 50%,#ebedf0 50%,#ebedf0 100%);
        background: linear-gradient(to right, #373f42 0%,#373f42 50%,#ebedf0 50%,#ebedf0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373f42', endColorstr='#ebedf0',GradientType=1 );
    }

    Hope this helps.

    Best regards,
    Nikko

    #792240

    Hi,
    This works man. Thanks a lot man.

    #792249

    Now i am having some issues on mobile devices. Can you please take a look because columns doesn’t act like they supposed to.

    #792301

    Ok i resolved this. I simply duplicate color section but second is not full width. So i hide second one for tablet and desktop and hide first one for mobile. So now looks good and we can finish with this issue.
    Resolved
    Thank you

    #792340

    Hi,

    Sorry it took some time for me to get back to you but I’m glad that you figured it out. Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Two columns full width’ is closed to new replies.