Home Forums Weaver Xtreme Theme Dedicated Content area space

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

    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:

     

    THANK YOU FOR ANY HELP YOU CAN PROVIDE.

    #74713
    scrambler
    Moderator

    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

    #74718
    ROBIN
    Participant

    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-size:cover;
    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;
    background-color:#FFFFFF;
    color:#010C80;
    width:Alignwide;
    padding:0px;
    margin:0px;
    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.

    #74719
    User
    Moderator

    @Robin

    Interesting, when I paste the image URL only into a browser:
    https://bluemountain-pools.com/wp-content/uploads/2024/06/beautiful-backyard-pool-australian-mansion-luxurious-modern-36935861-e1717943148920.jpg
    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….

    Regards.

    #74721
    scrambler
    Moderator

    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

     

    #74722
    ROBIN
    Participant

    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?

    #74724
    scrambler
    Moderator

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

     

     

    #74725
    ROBIN
    Participant

    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.