background

• 

  yearbooksmakemecrazy · Member · Jul 9, 2015 at 1:49 pm

  • Copy link
  • Add topic to favorites

  I have a page that I put a background on and it is tiling — I need it to not tile and just be the one background through the page? Please help? it is on yerdherd.com on Chalk Talk Lesson page. – but the parent page – not the child page?

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

• 

  musicdoc1 · Member · Jul 9, 2015 at 2:04 pm

  • Copy link

  Hi,

  it is on yerdherd.com on Chalk Talk Lesson page. – but the parent page – not the child page?

  The Chalk Talk Lessons page is a child page (parent = “Yerd Herd”), not a parent page, and it doesn’t presently display a tiled background. Could you try to explain the issue you are encountering more precisely?

• 

  vparkhere · Staff · Jul 9, 2015 at 2:10 pm

  • Copy link

  Hi there! This will keep your background from repeating:

  .parent-pageid-1629 #content.site-content{background-repeat: no-repeat;}

• 

  yearbooksmakemecrazy · Member · Jul 9, 2015 at 4:28 pm

  • Copy link

  Ok – so it isn’t repeating — but it isn’t stretching either on the post? It needs to stretch to fix the content? Thanks.

• 

  musicdoc1 · Member · Jul 9, 2015 at 5:25 pm

  • Copy link

  @ yearbooksmakemecrazy,

  Do you have a premium upgrade would allow you to customize CSS in order to have alternate backgrounds on different pages? Otherwise, there is one background image, and one palette, allowed per site. Not separate background images for different pages.

  You have two header images on the page Chalk Talk Lessons. One is the custom site header image, and the other, chalkboard image: https://yearbooksmakemecrazy.files.wordpress.com/2015/06/background-image-copy.jpg, may be (I’m uncertain) a featured image assigned to the page.

• 

  musicdoc1 · Member · Jul 9, 2015 at 5:26 pm

  • Copy link

  Is that a featured image?

• 

  thesacredpath · Member · Jul 9, 2015 at 6:25 pm

  • Copy link

  @yearbooksmakemecrazy, I’m not seeing any content in the Chalk Talk area. We can most likely set things so that it will stretch vertically, but do know that it will distort the image and pixelate it if there is a lot of content. It would be best to keep the content in that area within the bounds of that image.

  Can you add some content to that so that I have something to work with?

• 

  yearbooksmakemecrazy · Member · Jul 9, 2015 at 6:27 pm

  • Copy link

  Its there. Thanks.

• 

  yearbooksmakemecrazy · Member · Jul 9, 2015 at 6:28 pm

  • Copy link

  I just did — it is in the preview stage.

• 

  thesacredpath · Member · Jul 9, 2015 at 6:33 pm

  • Copy link

  I looked at the preview for http://yerdherd.com/yerdherd-com/little-lesson-1/ and don’t see any content there. Can you confirm this is the page you are talking about?

• 

  yearbooksmakemecrazy · Member · Jul 9, 2015 at 7:26 pm

  • Copy link

  Its the page — but you might not see anything because I didn’t actually POST it — it is in preview mode — I dont’; want it out there like this?

• 

  thesacredpath · Member · Jul 9, 2015 at 9:39 pm

  • Copy link

  When I look at that page in your preview at: https://yearbooksmakemecrazy.wordpress.com/yerdherd-com/chalk-talk-lesson-2/?preview=true&preview_id=2359&preview_nonce=0a52e68c3f I don’t see any text in the body. I see only the title, Chalk Talk Lesson 2. I added some content through my web inspector, and the problem we run into is that the image is going to resize with window/screen widths to maintain the proportions of the image. There really isn’t a way with CSS to keep it 100% of the content height in both directions without having the image distort.