Help with adjusting the height of theme's background image?

  • I am using a theme that has a background image, displaying on the homepage as the top (estimating here) 1/3 of my page – it depends on how much site content you create.

    The issue I’m having is that I’ve created a gallery and it shows a strange 2″ background (on desktop) below the gallery. I can’t figure out why this is happening and I can’t add content on this area.

    The site is: Kitchen Cabinets

    On all other pages, content is displayed on this background area.

    My question and issue is: How can I reduce the size of the background (the brown-wood texture) below the gallery to adjust to the size of the border around the gallery? (Responsive to dimensions for devices – 13″ laptop vs. mobile, etc.).

    Also, I need the code to be only for the homepage and to not reflect any other pages…

    Thank you in advance!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Not exactly sure I understand the issue, but do you mean you want to get rid of the space between the bottom of the image and the next section? As illustrated in this screenshot: https://cloudup.com/ck1-gOPKCYh

    Thread Starter jweaving

    (@jweaving)

    Yes, that is the issue. I’m sorry I didn’t explain it clearly.

    I want to make it at least the size of the border around the gallery. It’s way too big as it is right now.

    No worries.

    Try the following CSS code:

    #front-slider {
	margin-bottom: -60px;
}

    Adjust the number to whatever you feel comfortable width. The more negative the number, the less space there will be.

    Thread Starter jweaving

    (@jweaving)

    That looks great! Thank you so much!

    I have one more issue with this background… I created a reCAPTCHA on the Contact page and it pushed over a white space with no background?? (I’ll make a new post here).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Help with adjusting the height of theme's background image?’ is closed to new replies.