Home Forums Weaver Xtreme Theme Dedicated Content area space

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #74712

    I have been trying to figure out how to remove part of the fixed background that is showing after my content.  I can add a lot of content or a small amount of content or No content and it still shows.  I can reduce the size of the background image and it still shows.

    All backgrounds are set to White. I have added the background picture in the Xtreme Plus Options area of the page.  I have all margins and padding set to zero. I have inspected the area and can’t find anything creating spacing.  I feel like this might be a setting in the Theme that I can’t get around and I am concerned that I will have to abandon the page’s fixed background, which is very popular now.

    The website is Blue Mountain Pools

    I added a page and immediately I realized that the content area has an automatic area that is showing which is the same size as the part I have been trying to remove:  See the image below:




    You last content is an image “dream pool start here”

    After that image there is an empty paragraph, probably caused by an extra carriage return converted by WordPress.

    I Don’t know how you are creating the content, but remove all space/line return after the image


    I have checked all the code and there are no spaces.  The Background is a larger space than the content area so it will always have that extra space at the bottom.  If I have no background image the bottom of the page shows a larger white area than it does if I have a background image, so it has to be the background is inherently taller than what ever the content is.

    I have taken a test page and added a lot of pictures to take up the space with no code and I still have that bottom area.

    Here is the code I used for the background image.  Do you see anything here that could be the problem?

    #content {
    background-image: url(“https://bluemountain-pools.com/wp-content/uploads/2024/06/beautiful-backyard-pool-australian-mansion-luxurious-modern-36935861-e1717943148920.jpg”); no-repeat center;
    background-attachment: fixed;

    I also wanted to show that I don’t have any padding or margin in the box code

    .box2 {
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
    border:0px solid #000000;}

    Here is the page where I just added pictures with no code you can see that the background color is still the same thickness as it is on the welcome page that has a picture background.

    Test page

    I wouldn’t keep bothering you if I didn’t think it is something in the Theme creating that space.

    Thanks so much.



    Interesting, when I paste the image URL only into a browser:
    I get the main image.

    But when I use the image URL with the & #8221 suffix:
    https://bluemountain-pools.com/wp-content/uploads/2024/06/beautiful-backyard-pool-australian-mansion-luxurious-modern-36935861-e1717943148920.jpg& #8221  (Sorry, having issues pasting in here the same code you used.)
    I get a “Page Not Found” error message, but the page that is generated is your full site home page – but without any images.

    I was not expecting that all to come from an image url. Also, FYI, 8221 does not appear on the site home page.

    I hope this is useful to someone…. 🙂 I don’t know what it means….



    OK, the problem look different today.

    Now the issue is that the content that includes the image is inside a paragraph tag, and a paragraph carries a bottom margin.

    either change the content html so the images are not inside a paragraph, or add a CSS rule for that page that sets the paragraph bottom margin at zero



    There is no paragraph

    <img src="https://bluemountain-pools.com/wp-content/uploads/2024/06/Blue-Mountain-1-1024x386.png" alt="" width="1024" height="386" class="aligncenter size-large wp-image-241" /><img src="https://bluemountain-pools.com/wp-content/uploads/2024/06/Blue-Mountain-1-1024x386.png" alt="" width="1024" height="386" class="aligncenter size-large wp-image-241" />

    Above is the very last piece of Code.

    I am willing to try anything.  Can you give me that CSS?


    .page-id-23 #content p, .page-id-23 #content img {margin-bottom:0;}




    The problem has been corrected.

    I made the background image smaller.

    The Welcome page needed some returns added.
    The Hot Tub/Spa page needed code at the bottom removed.

    Thanks for all your help. Your support is amazing and I couldn’t do this without your commitment.

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