-
AuthorPosts
-
May 10, 2017 at 7:00 pm #791279
Is there any way i can achieve this.
May 10, 2017 at 7:43 pm #791306Hey 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,
NikkoMay 10, 2017 at 10:46 pm #791371Check it out.
May 11, 2017 at 1:55 am #791408Hi,
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,
NikkoMay 12, 2017 at 9:40 am #792175I 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.
May 12, 2017 at 11:16 am #792216Hi,
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,
NikkoMay 12, 2017 at 12:20 pm #792240Hi,
This works man. Thanks a lot man.May 12, 2017 at 12:41 pm #792249Now i am having some issues on mobile devices. Can you please take a look because columns doesn’t act like they supposed to.
May 12, 2017 at 2:06 pm #792301Ok 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 youMay 12, 2017 at 3:08 pm #792340Hi,
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 -
AuthorPosts
- The topic ‘Two columns full width’ is closed to new replies.