Hi,
You can use the following in Theme Options -> Custom CSS
.container{
width:100% !important;
}
There could be responsive issues due to this code change.
You will have to revert back if it breaks responsive design.
Thank you.
Thread Starter
Nehal
(@3pals)
Hello Denzel,
Thank you for prompt reply. I updated the CSS Custom code, but the issue still has not got resolved.
More details and link is below:
I am using Evolve Theme with Elementor Page Builder (https://elementor.com) to add customization. I have set Full width with No Gap in Elementor, Wide mode with 1600 px and the Custom CSS code in Theme Customizer, still the problem persists.
Before requesting support and be sure it is not problem with Elementor, I tried Full width setting with Twenty Sixteen theme – works perfect. Secondly I tried Site Origin Page Builder with Evolve Theme and recreate full width layout. I added background color with no Margin and Padding to really make it cover full screen. Still the issues persists.
Refer this link:
http://picpaste.com/evolve-fullwidth-n7dxIfey.png
Please guide me if I am missing on any part at my end.
I checked responsiveness, by bring it online, but did not find any issues except the lack of full width background.
Looking forward to hearing from your end.
Rgds,
Neal
Hi,
Please post URL of the page you need help. I need to take a look at the source code.
By the way, my code is for using in Theme Options, not Customizer.
Thank you.
Thread Starter
Nehal
(@3pals)
http://shoutkey.com/rainbow
By Theme Customizer I mean, Appearance > Customize. Sorry, my bad 🙂
Thanks for pointing it out.
Hi,
I am not referring to Appearance -> Customize
I am referring to Appearance -> Theme Options
You need to install reduxframework plugin in order for Appearance -> Theme Options to appear in your WordPress admin.
Please use the following in Appearance -> Theme Options -> Custom CSS
#primary, .container {
padding: 0 !important;
}
Thank you
Thread Starter
Nehal
(@3pals)
Surprising, I get the same Custom CSS either way.
I have added custom CSS but still not successful 🙁
Looks like I am doing something incorrectly. I will figure it out at my end later. For now I have changed my theme.
Thanks for excellent support and reverting promptly.
Regards
Neal
Thread Starter
Nehal
(@3pals)
Quick update.
Issue really solved by making padding to 0 and width 100% in Custom CSS.
#primary, .container {
padding: 0 !important;
width:100% !important;
}
And perfectly responsive too!
Suggestion, if you could provide these two options under Full Width option in next theme update, it will be awesome.
Looking forward to using Evolve!!!
THANKSSSSS
Neal
Hi,
Thank you.
Suggestion, if you could provide these two options under Full Width option in next theme update, it will be awesome.
I am not the theme author or developer. Let’s hope the theme author notice this request.
Thank you
Thread Starter
Nehal
(@3pals)
Thanks Denzel for support and helping to sort this out.
You are welcome.
Thank you
