This topic has 15 replies, 2 voices, and was last updated 7 years by Laura.

  • Author
  • #155111
     Chris Andersen
    Participant

    Would you tell me which container (kleo element) with which settings I should use to get a 100% width block on my page/post?

    #155264
     Laura
    Moderator

    Hello, to have the post content or post page go full width?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #155310
     Chris Andersen
    Participant

    both… I thought I could have a container in Kleo (VC) elements with a 100% width which I can use for both, posts and pages.
    … or what would you recommend?

    #155311
     Chris Andersen
    Participant

    I actually mean a container of 100% width, where all other elements could be included. 😉

    #155438
     Laura
    Moderator

    Hello, well you could use the full width option at theme settings.
    Here some css codes
    This is for KLEO whole page

    COPY CODE
    
    .kleo-page.page-boxed {
        max-width: 100% !important;
    }
    

    This is for the main section

    COPY CODE
    
    #main {
        width: 100% !important;
        max-width: 100% !important;
    }
    

    And this the main container

    COPY CODE
    
    #main-container {
        max-width: 100% !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #155462
     Chris Andersen
    Participant

    Thanks for the code:-) Doesn’t help me 🙁

    I tried all your code options, by pasting them into the general css box and in the container css box.

    Perhaps I was not clear enough in the description of my needs.
    Therefore I created a simple post. You can see it in my admin under posts with the title:
    01 Simple Test
    Page id: 9772

    The only VC element you can see in there is a simple text container from the VC elements.
    This text container should have 100 % width. (Just like the navigation header).
    Also see the attachment.

    How do I widen this text container to 100% width?

    Attachments:
    You must be logged in to view attached files.
    #155522
     Laura
    Moderator

    Hello, the access i had is invalid, can you share a link to the page or access again?
    So just the vc text container?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #155603
     Chris Andersen
    Participant

    Would be great, if we could have width settings for each inner container and the child elements of the specific inner container would overtake these settings.

    Anyway… yes :-), let’s start with 100% width for the text container and see what it can.

    #155604
     Chris Andersen
    Participant
    This reply has been set as private.
    #155766
     Laura
    Moderator

    Hello, cant login, as my account has been marked as spammer

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #155802
     Chris Andersen
    Participant
    This reply has been set as private.
    #156050
     Laura
    Moderator

    Hello, try by adding this to the page css using visual composer

    COPY CODE
    
    .section-container.container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #156144
     Chris Andersen
    Participant

    Tried it. Doesn’t work at the described place. Did it work for you when you tried it on my page?

    #156298
     Laura
    Moderator

    Hello, yes it did, maybe if you give the section an id and then add the id to the code, it might work
    like id “block-text” and add it as #block-text .section…..

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #156645
     Chris Andersen
    Participant

    that sounds good 🙂
    I’m not familiar with programming but willing to learn.

    Where exactly should I give the section an id?

    #156770
     Laura
    Moderator

    Hello, at the visual composer element settings, you should see a field called id, add any name to it, and then at the css code i sent you, add the id with a # before it
    Like this
    ID: block-text
    CSS:

    COPY CODE
    
    #block-text .section-container.container {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 16 posts - 1 through 16 (of 16 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?