- This topic has 11 replies, 2 voices, and was last updated 6 years, 8 months ago by Theme Horse Support Team.
-
AuthorPosts
-
August 31, 2017 at 10:19 am #53048HeidiParticipant
Hi, 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 TeamKeymasterHi 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 #53050HeidiParticipantHi, 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 TeamKeymasterWe have now custom html widgets too in core. So you can add custom html also.
Thank you!
August 31, 2017 at 11:54 am #53053HeidiParticipantHi, I know that but is does not make widget 100% width of the site.
September 1, 2017 at 5:13 am #53065Theme Horse Support TeamKeymasterHi 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 #53067HeidiParticipantHi, 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 TeamKeymasterThe 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 #53070HeidiParticipantHi, 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 TeamKeymasterAdd 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 #53073HeidiParticipantHi, 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 TeamKeymasterAdd 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.