-
Author
-
March 8, 2017 at 19:51 #155111
Chris Andersen
ParticipantWould you tell me which container (kleo element) with which settings I should use to get a 100% width block on my page/post?
March 9, 2017 at 21:35 #155264Laura
ModeratorHello, 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 solutionLaura 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 🙂
March 10, 2017 at 10:46 #155310Chris Andersen
Participantboth… 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?March 10, 2017 at 10:49 #155311Chris Andersen
ParticipantI actually mean a container of 100% width, where all other elements could be included. 😉
March 13, 2017 at 02:40 #155438Laura
ModeratorHello, well you could use the full width option at theme settings.
Here some css codes
This is for KLEO whole pageCOPY 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 solutionLaura 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 🙂
March 13, 2017 at 10:51 #155462Chris Andersen
ParticipantThanks 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: 9772The 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.March 13, 2017 at 18:49 #155522Laura
ModeratorHello, 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 solutionLaura 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 🙂
March 14, 2017 at 13:56 #155603Chris Andersen
ParticipantWould 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.
March 15, 2017 at 20:41 #155766Laura
ModeratorHello, 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 solutionLaura 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 🙂
March 20, 2017 at 09:36 #156050Laura
ModeratorHello, 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 solutionLaura 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 🙂
March 20, 2017 at 21:19 #156144Chris Andersen
ParticipantTried it. Doesn’t work at the described place. Did it work for you when you tried it on my page?
March 22, 2017 at 03:33 #156298Laura
ModeratorHello, 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 solutionLaura 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 🙂
March 25, 2017 at 08:05 #156645Chris Andersen
Participantthat sounds good 🙂
I’m not familiar with programming but willing to learn.Where exactly should I give the section an id?
March 27, 2017 at 12:50 #156770Laura
ModeratorHello, 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 solutionLaura 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 🙂
-
AuthorPosts
The forum ‘General questions’ is closed to new topics and replies.