Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Full width content is not working
New Landing › How can we help? › Themeforest Theme Support › Dante › Full width content is not working
- This topic has 14 replies, 3 voices, and was last updated 10 years by
Kyle – SUPPORT.
-
Posted in: Dante
-
May 13, 2014 at 9:43 am #74481
Hi,
When I’m trying the custom code from knowledgh base “Experimental – Full Width Content” for a certain page on my site, it didn’t work out.
Here’s the page I’m trying to be full width: http://staging.ohhiaudio.tw/knowledge-base/stores/
(The map and the list are created by a plugin, but before I put the text and button beneath it, the map was full width. So I think it’s not a plugin problem.)
And here’s what I put in the custom CSS in Theme Options:
.page-id-9892 #main-container > .container { width: 100% !important; max-width: 100% !important; }
Please help check where I did wrong, thanks!
May 14, 2014 at 8:29 am #74808Hi
Sorry that code needs updating, the new code should be:
.page-id-9892 #main-container > #page-wrap > .container { width: 100%; }
– Kyle
May 14, 2014 at 8:51 am #74814Hi,
I changed the CSS code and it works great!
The only problem left is padding-left and padding-right are set to be 15px.
So here’s the final code I used for future reference:.page-id-9892 #main-container > #page-wrap > .container { width: 100%; padding-left: 0px; padding-right: 0px; }
Thanks a lot Kyle!
May 14, 2014 at 9:08 am #74822Ok great! Thanks 🙂
– Kyle
May 18, 2014 at 12:42 pm #75714Hi,
I have added the code above to the theme-options/custom code area in admin but not seeing the results? http://nomad-it.com/welcome/projects/
.page-id-16632 #main-container > #page-wrap > .container {
width: 100%;
}Can you help at all?
May 19, 2014 at 9:21 am #75800Hi,
I think this method doesn’t apply to special pages such as Portfolio or Blog.
You could see the Portfolio page style in Dante demo site:
http://dante.swiftideas.net/portfolio-full-width-masonry-gallery/
May 19, 2014 at 9:24 am #75802Thanks @fionalu – this is the way to do it for portfolio and blog pages
– Kyle
May 19, 2014 at 11:47 am #75882Hi guys,
to confirm, can i use this on blog pages? if so where am i going wrong?
do i need to paste the code somewhere else?
thanks,
ken
May 19, 2014 at 11:50 am #75884You actually don’t need to do this anymore, Dante now has a ‘row’ asset in the page builder, under the layout tab.
Add a row to your page, then in the settings set to full width content (see screenshot)
Then you can drag your page builder assets inside the row
– Kyle
May 19, 2014 at 11:54 am #75886Ok great,
will give it a go and get back to you.
cheers,
Ken
May 19, 2014 at 12:01 pm #75891Ok no problem
May 19, 2014 at 12:54 pm #75913Hi Kyle,
I think i may have confused the title with another subject. Is this topic referring to ‘full width content’ as seen here?
http://reallystandard.com/test-full-width/
regards,
Ken
May 19, 2014 at 12:58 pm #75915Hi
They have customised a lot of css to achieve that layout, unfortunately that’s not possible with Dante as standard, and we can’t provide support for that functionality as it’s not within the scope of our support.
– Kyle
May 19, 2014 at 1:28 pm #75927I see,
Many thanks Kyle for your time and assistance.
ken
May 19, 2014 at 1:43 pm #75933No problem
– Kyle
-
Posted in: Dante
You must be logged in and have valid license to reply to this topic.