Parallax just on one widget area

Tagged: epik, epik 1.4, parallax

This topic has 15 replies, 3 voices, and was last updated 9 years, 7 months ago by Eric.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
July 11, 2014 at 12:01 am #13037
Exkalibur
Customer
Hello:

I use the epik 1.4 version. So when I add a background image at appearance/customize to use the parallax effect, it appears at many widget areas and at the background of the website. I try to change several areas but seems difficult to me to find wich code to change to limit only the image of parallax effect to only one widget area.

If you can point me in the right directions I would apreciate. Thank you so much.
Carlos
July 12, 2014 at 6:53 pm #13045
Eric
Customer
Do you have a link to your site?

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
July 19, 2014 at 1:26 am #13139
Exkalibur
Customer
Here you can check it out:
http://www.kingchinadesigns.com/

If I add a custom background color, it overwrittes the parallax image at the widget area, so then I can overwritte all widgets except the one that I want to show the parallax image, but I don´t know how to quit it from the background of all pages. Thank you.
July 20, 2014 at 11:59 pm #13161
Exkalibur
Customer
Any ideas on how to handle the Parallax effect for the widget areas? At Parallax Theme of Studiopress the background for every widget area is separate but at Epik there are one background for all widget areas that use Parallax effect. How can I limit that to just some widgets, or use parallax but not at the background of every page? Thank you in advance guys for your help.
July 22, 2014 at 1:35 pm #13189
Wes
Moderator
@Exkalibur your link doesn’t seem to be working at the moment, so I’ll try again later to see what’s going on. Until then, check your css for something like this –
```
/* Home Feature Classes */
 
/*You can add background images/colors to each section of the homepage by adding them to the classes below.
*/

.hf1,
.hf3,
.hf4,
.hf5,
.hf6,
.hf7,
.hf8,
.hf9,
.hf14 {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}

.hf1 {}

.hf3 {}

.hf4 {}

.hf5 {}

.hf6 {}

.hf7 {}

.hf8 {}

.hf9 {}

.hf14 {}
```
You can add css to each widget background/area individually if you wanted. Let me know once your site is up again and I’ll check if the above info isn’t helpful.
July 25, 2014 at 8:22 am #13256
Exkalibur
Customer
Hello:
Thank you for your information. I can overwritte all the widget areas with some background color and keep the widget area (Home Feature 3 in my case) with the parallax effect. But, the picture of the parallax still set up as the background so still showing it at the areas of the body of every page. If I set up at the CSS the body with some background color with !important note, then also overwrittes the Home Feature 3 with the parallax, so I can´t figure it out how to solve the problem. The link I provided you is online, please check it out when you have some time.
Thank you.
July 28, 2014 at 11:36 am #13279
Eric
Customer
I’m a little confused on what you’re try to do. Are you trying to create a different background for the Home Featured 3 section? If so, you should be able to use either the background uploader, or edit the css that @Wes referred to and it will adjust it instantly.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 11, 2014 at 12:49 am #13493
Exkalibur
Customer
What I want to do is add a background image at the Home Featured 3 section with Parallax effect.

If I add the background image with the CSS mentioned, the background image does not do any parallax effect.

If I add the background image from the background uploader, it works good at Home Featured 3 section with the parallax effect but the background image is also added as background in all pages of the website (what obviously I don´t want).

Here is the problem to handle the parallax effect on JUST the Home Featured 3 section.
Any help is really welcome.
Thank you.
August 16, 2014 at 12:12 am #13562
Exkalibur
Customer
Ok guys, thank you for your help but I give up. I thought that the update with Parallax will also comes with some useful support as you help me before in other matters. I just wanted to used the parrallax effect on only one widget area, and seems impossible in the way the theme is designs. I will think on add other features after one month waiting for answers on how to handle the parallax. Thank you anyway.
Best Regards.
Carlos
August 16, 2014 at 9:28 pm #13564
Eric
Customer
Ok now I understand what you’re saying. You just want to add a background image to the home feature 3 only.

The reason the picture of the sky is showing up on all of your pages is because you added it to the main body/background. I would remove that image, and directly add it to the .hf3 code that Wes mentioned earlier. By doing that, it will only show up on the home-feature-3 widget area.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 17, 2014 at 1:28 am #13572
Exkalibur
Customer
You are right. But setting up that background image this way will not show any PARALLAX effect at all. That´s the issue.
Thank you for your help Eric.
August 18, 2014 at 1:14 pm #13586
Eric
Customer
If you have an extra login I can add it in for you and show you what I did. If you want me to do it just add the info as a Private Reply in the checkbox below.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 19, 2014 at 5:56 am #13599
Exkalibur
Customer
This reply has been marked as private.
August 25, 2014 at 8:53 pm #13651
Eric
Customer
Sorry it took so long, I didn’t get an email notification that you replied.

I logged in and immediately got everything working by following the suggestions I made previously. All I did was remove the background image that you had set for the main/body (which shows up on every page)…..Then I added the background image to .hf3 like I suggested earlier. The Parralax effect still works, so I’m not sure how you added it in before, but it’s definitely working fine now.

Also, I wasn’t able to access your Editor link to edit the style.css file (it probably only works for admins), so I just added the background css code for .hf3 in your Genesis Theme settings if you need to add/edit that code.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
August 26, 2014 at 10:30 pm #13660
Exkalibur
Customer
Hello Eric:
With all respect, YOU ARE AWESOME!!! I´ve been strugling with this for a long time and you made it so easily. Thank you so much for your help.
Best regards.
Carlos
August 27, 2014 at 8:53 pm #13667
Eric
Customer
My pleasure 🙂

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Parallax just on one widget area’ is closed to new replies.