badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

100% width div under the slider

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #53048
    Heidi
    Participant

    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.jpg

    #53049

    Hi Heidi,

    Please create a business template.

    Go to Go to Appearance > Widget.
    Drag and Drop text widget to Business Page Section
    Click Save

    Thank you!

    #53050
    Heidi
    Participant

    Hi, 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.

    #53051

    We have now custom html widgets too in core. So you can add custom html also.

    Thank you!

    #53053
    Heidi
    Participant

    Hi, I know that but is does not make widget 100% width of the site.

    #53065

    Hi Heidi,

    Did you drop the text widget in business page section sidebar? Please provide us Url we will look it once.

    Thank you!

    #53067
    Heidi
    Participant

    Hi, 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.

    http://www.valepa.fi/

    #53069

    The 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

    #53070
    Heidi
    Participant

    Hi, 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.jpg

    #53072

    Add 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 you

    #53073
    Heidi
    Participant

    Hi, thank you. Now there is some margin/pagging between slider and new div?
    https://dl.dropboxusercontent.com/u/17092571/site2.PNG

    #53075

    Add 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

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.