-
Author
-
March 8, 2017 at 19:51 #155111Chris AndersenParticipant
Would 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 #155264LauraModeratorHello, 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 AndersenParticipantboth… 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 AndersenParticipantI actually mean a container of 100% width, where all other elements could be included. 😉
March 13, 2017 at 02:40 #155438LauraModeratorHello, 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 AndersenParticipantThanks 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 #155522LauraModeratorHello, 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 AndersenParticipantWould 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 #155766LauraModeratorHello, 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 #156050LauraModeratorHello, 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 AndersenParticipantTried 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 #156298LauraModeratorHello, 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 AndersenParticipantthat 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 #156770LauraModeratorHello, 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.