- This topic has 11 replies, 2 voices, and was last updated 8 years ago by
Theme Horse Support Team.
-
AuthorPosts
-
August 31, 2017 at 10:19 am #53048
Heidi
ParticipantHi, once again, thank for your great support:)
I’m doing customizations to theme again. I know it’s not recommended but I need this. So, what file I should edit to create 100% width div under the slider, like on this example picture I made: https://dl.dropboxusercontent.com/u/17092571/Ambition_Pro_example.jpgAugust 31, 2017 at 10:36 am #53049Theme Horse Support Team
KeymasterHi Heidi,
Please create a business template.
Go to Go to Appearance > Widget.
Drag and Drop text widget to Business Page Section
Click SaveThank you!
August 31, 2017 at 10:42 am #53050Heidi
ParticipantHi, I think I can’t because I need to show a static page with a lot of custom html and many widgets on the front site.
August 31, 2017 at 10:53 am #53051Theme Horse Support Team
KeymasterWe have now custom html widgets too in core. So you can add custom html also.
Thank you!
August 31, 2017 at 11:54 am #53053Heidi
ParticipantHi, I know that but is does not make widget 100% width of the site.
September 1, 2017 at 5:13 am #53065Theme Horse Support Team
KeymasterHi Heidi,
Did you drop the text widget in business page section sidebar? Please provide us Url we will look it once.
Thank you!
September 1, 2017 at 7:22 am #53067Heidi
ParticipantHi, this is the page to where I need it. I can’t create this front page with business page options. 100% width div would come below revolution slider.
September 1, 2017 at 7:46 am #53069Theme Horse Support Team
KeymasterThe best way to show your page to 100% width is to set the page to business template where you can add html content using custom html widgets.
Or just add below custom css code which will affect you whole content below your slider..home #content .container { max-width: 100%; }
Thank you1
September 1, 2017 at 8:07 am #53070Heidi
ParticipantHi, there is no widget areas what I need in business template. Did you look this image, I need that kind of div where is text “some text goes here”. Only that part which is orange in image below. I do not need anything else.
https://dl.dropboxusercontent.com/u/17092571/Ambition_Pro_example.jpgSeptember 1, 2017 at 10:05 am #53072Theme Horse Support Team
KeymasterAdd below html code in your editor
<div class="full-content"> ---Your text goes here--- </div>
also paste the below custom css.
.full-content { width: 100vw; position: relative; margin-left: -50vw; left: 50%; }
Hopes this helps you what you tried to achieve.
Thank youSeptember 1, 2017 at 10:40 am #53073Heidi
ParticipantHi, thank you. Now there is some margin/pagging between slider and new div?
https://dl.dropboxusercontent.com/u/17092571/site2.PNGSeptember 1, 2017 at 11:11 am #53075Theme Horse Support Team
KeymasterAdd below css code to remove the space between the slider and the content area
.home #content { padding-top: 0; } .home .entry-header { padding-bottom: 0; }
Thank you
-
AuthorPosts
- You must be logged in to reply to this topic.