[Dale]

Hello, I have a question about the slide background. I noticed in your free demo the background is transparent behind the words “Simple, Clean and Beautiful WordPress Theme” and similar spots further down. How is this achieved?

I’ve tried using featured post sliders and the revolution slider with transparent slides and have not had any success. I use images with plenty of transparency built in (png24) but that doesn’t help me at all when my slides have a white or blue background!

Here are some images that describe what I’ve been trying to do:

[Theme Horse Support Team]

Hi Dale,

Actually that is not a background image with transparent. We have made it blurry via photoshop.
And It will be better if you provide us the temporary username and password of your WP site in our email. So, that we can check the exact issue.

Thank you!

[Dale]

I’m not referring to the background image – I can do that in PS too. I’m referring to the slide that is positioned over it, that scrolls up and down and has text and images in it. This includes the logo, horizontal menu bar, and everything below the text “Simple, Clean and Beautiful WordPress Theme.” The slide is transparent behind those words, allowing the user to see through to the site background image.

[Just got an idea and went to check]
I think I see how you did it by going into theme options -> advanced -> slogan/slider background image and setting the same image there. But that image needs to be cropped and sized correctly to match the site background image and I don’t know what the dimensions are supposed to be, nor how to crop it so the transition between slider and site background images is seamless as in your demo site.

Here is what I’m talking about: site image I got the parallax slide background working, but it does not match up with the site background.

[James]

I would like to make the background for the slider transparent so I can see the PAGE bkg through where the slider bkg should be.I’m using the ultimate pro template

[Theme Horse Support Team]

@dalewb2 @james3
We have used same size 978px * 440px of slider in the background. you guys can also use the same size and make it blur via PS.

Thank you!

[Dale]

Jeez I’ve been fiddling with this one issue off and on for almost a month and finally figured it out. Yes you are using the same image in the site background as you are in the slider background. But the difference between your demo and my site was you are using wide layout and I was using narrow. With the narrow layout, using the same image for site/slider background results in this:
http://gyazo.com/1c27ba440335ace052956924db121502

But in wide layout it looks like this:
http://gyazo.com/d808fcc227f4aa90990d02958ef92601

Clearly, I have much work to do still, but I feel a lot better about continuing, knowing my site is going in the direction I wish.

[Theme Horse Support Team]

Ok that’s great Dale

Thank you!

[Author]

Posts