This topic has 5 replies, 2 voices, and was last updated 10 years by sharmstr.

  • Author
  • #51443
     Moe
    Participant

    I 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?

    #51669
     sharmstr
    Moderator

    It 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 solution
    #52085
     Moe
    Participant

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

    #52093
     sharmstr
    Moderator

    Again, 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 solution
    #52095
     Moe
    Participant

    http://www.capngo.net/cities/surrey/

    There you go. This is the link

    #52097
     sharmstr
    Moderator

    The 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
Viewing 6 posts - 1 through 6 (of 6 total)

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

Log in with your credentials

Forgot your details?