-
Author
-
March 25, 2015 at 09:46 #51443
Moe
ParticipantI am trying to view an element in a certain post type, this element should be viewed in full width but instead it is shown in a boxed model leaving some margins right and left of the element and it can not be modified.
there is a Certain wrapper that we dont know its name so that we would disable with css as it’s controlling the margins. Would you please help us with this?
March 26, 2015 at 17:20 #51669sharmstr
ModeratorIt impossible to help without specifics. Please elaborate and provide links.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionMarch 29, 2015 at 20:59 #52085Moe
ParticipantWe use a custom post type plugin that gives us the ability to create content templates for each post. Some of the elements placed in the content template are not full width as illustrated in the image, there is margin both left and right preventing the black area from stretching to the sides of the window. We faced the same problem while creating the home page but when we switched on the option for full width template, the black area stretched to the edges of the window. The <div> has a class called “container-full” while the one in the post has “container”, when we try to change “container” to “container-full” from the browser’s inspect element tool, the post’s black area takes full width. That div is not in the content template. We need a way to reach that div and change the name of the class or the function that generates it.
March 29, 2015 at 22:06 #52093sharmstr
ModeratorAgain, its hard to tell you exactly what to do without seeing the page (CPT) in question. You can probably use css.
.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 solutionMarch 29, 2015 at 22:31 #52095Moe
Participanthttp://www.capngo.net/cities/surrey/
There you go. This is the link
March 29, 2015 at 22:54 #52097sharmstr
ModeratorThe only difference between .container and .container-full is the max-width and the padding. So, setting .container to 100% width with 0 padding is the same.
COPY CODE.article-content .container { max-width: 100%; padding: 0 !important; }I added .article-content to isolate just the top section.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution -
AuthorPosts
The forum ‘KLEO’ is closed to new topics and replies.