Parallax Featured Section 5 Image

[[email protected]]

Hi all.

I am having difficulty with the Featured Section 5 Image . I've uploaded it and it's visible via the thumbnail, however, I cannot get to be visible via the site or in the back-end viewing area (other than the thumbnail in the "background image" area). I've sized it according to the theme instructions (1600px by 1050px). I've even tried smaller images and different images to no avail. I have previously uploaded a photo successfully and I don't remember making any changes that would negatively affect future uploads. Any suggestions?

Thanks!

Tara

Site: GoodtoGross.com

http://www.goodtogross.com/

[Tom]

Hi Tara,

Your file reference is bad. From your site, the file is set as

.home-section-5 {
background-image: url(http://www.goodtogross.com /wp-content/uploads/2014/08/Screenshot-2014-08-05-12.31.39.png);
}

Remove the space after ".com".

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[[email protected]]

Thanks Tom,

Where do I make this edit? I don't see it my CSS, nor using firebug via HTML.

Thanks!

Tara

[[email protected]]

Tom,

I found it in the HTML.

Thanks again.

Tara

[[email protected]]

Actually my editing didn't stick as I thought it would. Any help with where to locate this HTML for editing is much appreciated.

Gratzi!

Tara

[Tom]

The error can be found by inspecting the front page div where the image should appear (that produced the code snippet provided above).

I can't tell exactly how you've selected the background images, but it looks like you copied and pasted the image URL poorly. Using the theme customizer, you shouldn't (be able to) select a foreign image (from another site) but you've done it for featured sections 1 and 3. In section 5 you've somehow introduced a space in the file path (breaking the link and causing your error).

The theme outputs this HTML to specify the selected images (then the javascript and CSS do their magic):

<style type='text/css'>
.home-section-1 { background-image: url(http://thinkchangeevolvecom.fatcow.com/GoodtoGrosscom/testhtml/wp-content/uploads/2014/04/GoodtoGross.0019.jpg); }.home-section-3 { background-image: url(http://thinkchangeevolvecom.fatcow.com/GoodtoGrosscom/testhtml/wp-content/uploads/2014/04/TEst.0012.jpg); }.home-section-5 { background-image: url(http://www.goodtogross.com /wp-content/uploads/2014/08/Screenshot-2014-08-05-12.31.39.png); }
</style>

So, how did you select the three images?

PS.
Your section 1 images are Coffee, Burger, Ice Cream
Your section 3 images are Burger, Ice Cream, Coffee
Is that what you intended?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[[email protected]]

Hi Tom,

Yes, I can find the code using my inspector, however, cannot edit it anywhere. I did not copy and paste any of the links, they were created via the theme customizer upon upload. I simply uploaded all the images from my computer, not another site. The image-5 was working until recently when I tried to upload a different image and now no image will work. I've played with file size, screenshots, jpegs, etc. The code error is from within and it doesn't look to be editable...

Thanks for any additional insight that might help.

Tara

[Tom]

uploaded all the images from my computer, not another site

There's something amiss here. If the images have been uploaded to GoodtoGross.com, how is it that they are specified in the HTML output as coming from thinkchangeevolvecom.fatcow.com ? ie.
http://thinkchangeevolvecom.fatcow.com/GoodtoGrosscom/testhtml/wp-content/uploads/2014/04/GoodtoGross.0019.jpg

All I might suggest would be to "remove image" from each of the three background sections in customizer, then delete all of the subject images from your goodtogross.com installation (first ensure backups!) and start from scratch.

If this doesn't work, or instead, you could open a ticket with StudioPress support. I imagine their first suggestion might be to reinstall the latest version of the theme. I just noticed that the theme has recently been updated (v.1.2 Updated: 7/22/14) - your install and my own demo setup are on 1.0. Probably best that you install the latest version anyways.

Let us know how this works out for you.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[[email protected]]

Hi Tom,

They are being uploaded via the backend of the wp theme, going through my file manager (as should be the case with an image) and being named accordingly. The reason the name appears to be "amiss" is because it is in a file that was a test file at first and now it's not. Does this really matter what it's named (besides that fact that when it is being converted there is a space in it)?

I have been in my file manager and the space that is in the HTML that you mention is not in my file, so I think it has to be a theme glitch. I have put in a studiopress support ticket and I'll reinstall my theme.

Thanks for your help!

Tara

[Wirebird]

Tara,

Did you figure this out? I'm having the same problem with that theme.

Image #1 is great, image #3 doesn't show up although the thumbnail shows in the customization field. I've deleted and re-uploaded the images, deleted and reinstalled the theme and nothing seems to help....

Any tips?

Thanks,
Sara

---

Sara @ Wirebird Media – WordPress and Genesis web developer based in Bend, Oregon

[Wirebird]

Nevermind, I figured it out! There was something wrong in the div of the text widget above it...

---

Sara @ Wirebird Media – WordPress and Genesis web developer based in Bend, Oregon

[Author]

Posts