[Resolved] Reduce background space

Home Forums Support Reduce background space

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #91355
    Nick

    I set my container width to 1500 and still feel like i have a ton of background space. Is there another way to reduce the amount of background space?

    #91439
    Tom
    Lead Developer
    Lead Developer

    Absolutely – you can use custom CSS to set it to whatever you like (even 100%):

    body.grid-container {
          max-width: 2000px;
    }
    #91483
    Nick

    Hmm i tried that and it doesn’t seem to do anything for me.

    I have also added a header on one of my pages. However, when i add text in the page header it gets bigger and bigger how do i make the page header stay the same size even when i add text?

    #91504
    Tom
    Lead Developer
    Lead Developer

    Can you link me to the site where the above code isn’t working?

    Not sure what you mean by your second problem – when you add text to an area, that area will always get larger so it can fit the text?

    Let me know 🙂

    #91714
    Nick

    I have set a color background to the page header and when i add text in the content area the color background gets bigger is there no way to set that background to a fixed size?

    #91764
    Tom
    Lead Developer
    Lead Developer

    You can set a height using CSS, but I’m not sure why you would want to. Doing so would cut off your text.

    First, find the page ID in the <body> element (use Inspect Element in Chrome).

    Then add this CSS:

    .page-id-xx .generate-page-header {
          height: 200px;
    }

    Adjust the height to whatever you want.

    Doing so will cut off your text inside the page header if it’s not tall enough.

    #91879
    Nick

    That code seems to create another header separate from the page header under pages/content.

    I found this website in the forums that seems to have what i want for a page header.

    www. m o m t r i c k s .com

    I want the gray header with text. I can make the header and text but cannot find out how to align,bold,size of the text like that without making that gray header move down when i add text.

    #91947
    Tom
    Lead Developer
    Lead Developer

    You could do something like this in the Content section of the page header:

    <div class="grid-70 mobile-grid-100">
          <h3>Some text in here</h3>
          <h3 style="font-weight: bold;">With some bold text below it</h3>
    </div>
    <div class="grid-30 mobile-grid-100">
          <a class="button" href="http://google.com">This button links to Google</a>
    </div>

    Hopefully that helps 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.