Full-width in Dara making background image tile weirdly

  • Unknown's avatar
    blackwhitecheck · Member ·

    Hello,

    I’m using the Dara theme for my website. I have some of my pages set to full-width, and some not. My background image looks fine with the not-full-width pages but it tiles weirdly with the full-width ones and I’m not sure how to fix that. I have both horizontal and vertical tiling set up with the CSS, and even uploaded a really wide version of the background, so I’m not sure what else to do.

    For example:
    Full-width: https://blackwhitecheck.com/cosplay/
    Not-full-width: https://blackwhitecheck.com/music/

    Thank you in advance!

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    You have this CSS added:

    .site-content, .attachment.page .site-content {
	background-image: url('https://blackwhitecheck.files.wordpress.com/2020/05/checkbackgroundsidewaysdarksmall-4.png');
	background-repeat: repeat-y;
	background-repeat: repeat-x;
}

.content-wrapper.without-featured-image {
	padding-left: 150px;
	background-image: url('https://blackwhitecheck.files.wordpress.com/2020/05/checkbackgroundsidewaysdarksmall-4.png');
	background-repeat: repeat-y;
	background-repeat: repeat-x;
}

    So you’re applying a background to the content area, and then on the full-width page, applying another background to the layer behind the content area. And the two backgrounds don’t line up.

    What you can do instead is to make the content area transparent, so the background of the bottom layer is all that appears.

    In other words, remove the second CSS declaration above, and instead replace it with this:

    .content-wrapper.without-featured-image {
	padding-left: 150px;
	background: transparent;
}

    Let me know if you need help with anything else.

    Also note that your premium plan gives you access to live chat support during week days, and 24/7 email support via the help icon that appears in the dashboard, so you don’t have to post here in the public forums for help with your site.

  • Unknown's avatar
    blackwhitecheck · Member ·

    Thank you so much! That fixed it. I thought that one of those was for the homepage and one was for the other pages, so that’s why I had the background twice. Good to know!

    Also good to know that there’s chat support and email support; I just got the premium plan yesterday so I haven’t discovered everything just yet. I’ll use that next time.

    Thanks so much again!

  • kokkieh · Staff ·

    Happy I could help :)

  • The topic ‘Full-width in Dara making background image tile weirdly’ is closed to new replies.