Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28010
    Jared
    Guest

    I am trying to have a tileable background that applies on all pages, the same as what I have at the top of my home page. I am having difficulty causing this to happen.

    #28019
    Jesse Owens
    Keymaster

    Hi Jared-

    Sorry to hear about the difficulty, we’ll be happy to help. I checked out the website URL you sent over, and I do see your background pattern on all three pages.

    By default, internal pages have a smaller header area at the top than the homepage, are you trying to set it up so that all of the pages have the large background area at the top like the home page? If that’s the case, you can accomplish this by editing your other pages and switching the Page Template to Home:
    Changing the page template

    #28064
    Jared
    Guest

    That is partially what I am trying to do. In a more full answer, I would like to reduce the amount of blank space in the header on the home page, as is on the other internal pages, as well as making sure that the tiled background applies to the entire page. There are certain portions that seem to skip over the tiled background and only have a solid bg instead. I hope this better explains my intent.

    #28073
    Jesse Owens
    Keymaster

    Hi Jared-

    Thanks for the clarification! To make the header section smaller, use the “default template” option on your homepage.

    For the sections that have a solid background, there’s a couple of things you’ll need to do. In some cases, the actual blocks in the page have a background. To remove those, use the black Edit Section menu at the bottom of each block, and click Change Background:
    Changing the background color of a section
    Once you’re in the background color tool, use the slider on the right-hand side to move the transparency all the way to 0:
    Adjusting background transparency

    Finally, there are some other elements that will use a solid background that you can’t control in the editor. To remove these, navigate to Customize > Advanced > Custom JS & CSS and paste these two lines into your Custom Theme CSS:

    div.site-content { background: none !important; }
    div.background-accent { display: none; }
    #28111
    Jared
    Guest

    Thanks for the assistance. I have decided to go in an all new different direction with the website instead, but appreciate the timeliness of your responses. Now all I’m trying to do is make my “site logo” larger and without the white horizontal line right above it.

    #28134
    Jesse Owens
    Keymaster

    Hi Jared-

    I took a look at the website now, I do like your new design! It looks like you might’ve already solved the issue on how to make your logo larger and eliminate the white line above it, am I right?

    Please let us know if you’re still having trouble, we’re happy to help.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Tiled background pattern on all pages’ is closed to new replies.