Dynamic parallax – image not moving, icons colour in sf_social_share shortcode

[yuriychubarenko]

Hello Guys,

http://www.kensingtonpianolessons.com
Wordpress Version 3.9
Dante 2.53

Have a couple of questions to ask:

1. After I updated to the latest version of Dante, which is 2.53 – dynamic parallax doesn’t seem to work the way it used to before I upgraded. I mean, the image background just remains fixed (instead of slowly moving), while text is moving. You can see what I mean by accessing my homepage at http://www.kensingtonpianolessons.com

2. If you go to my homepage at http://www.kensingtonpianolessons.com and scroll down a bit, you will see a parallax section with some text on the right hand side (Meet Eva etc). Under ‘Enjoyed Eva’s Performance? Share the Love’ I would like to insert your [sf_social_share] set of icons. The problem is whatever I do – the icons inside of ‘share this’ field remain dark. As the background picture is also dark, they are invisible. I tried to change the background of parallax and use alternative dark background with light text – that changes colour of ‘share this:’ and border colour, but icons still ramain dark.

For now, I just inserted some social icons – they are basically useless. They are used as placeholders while the colour issue with [sf_social_share] is being resolved.

Thank you for the great theme. Enjoy it very much.

[Kyle – SUPPORT]

Hi

1) Please make sure you have the type set to stellar, and make sure you have set a ratio between 0 and 1

2) You need to use [social style=”light”]

– Kyle

[yuriychubarenko]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

1) Not sure why the parallax isn’t working, let me check with the developer. In the meantime could you try deactivating all of your plugins and seeing if that fixes the issue? It could be a plugin causing the issue

2) The share shortcode is the full social share bar, like what you see on blog posts. It’s not like the social shortcode where it’s just white icons.

– Kyle

[yuriychubarenko]

1. I just tried disabling all plugins and it doesn’t resolve the issue with parallax. As I said, it did happen after the last upgrade. Before that everything used to work fine. Please could you check with the developer.

2. Yes – so my question was if I can make that full social share bar (the one you see on blog posts) appear white – text ‘share this’ and set of icons on the right hand side. If so, how?

[Kyle – SUPPORT]

Yes, please add the social share shortcode and let me know, then I will provide you with the custom css

– Kyle

[yuriychubarenko]

Thanks Kyle

http://www.kensingtonpianolessons.com/alt/ – that’s the link. You will see the social share shortcode inserted into ‘Meet Eva’ parallax section under ‘Enjoyed Eva’s Performance’

Please provide me with the css.

Also, can I make the social share bar to align right and only occupy around 40% of the width of the page?

Thanks again

[Kyle – SUPPORT]

Add this custom css:

.share-links.curved-bar-styling .social-icons a {
  color: #FFF;
}
.share-links .share-text {
  color: #FFF;
}

– Kyle

[yuriychubarenko]

Thanks Kyle,

This CSS makes all instances of the social share shortcode white, so all social shares in my blog are invisible.

Is it possible to only make one particular instance of that shortcode white – the one on the kensingtonpianolessons.com/alt ?

[Kyle – SUPPORT]

Yes just add the page id before the css, for e.g.:

.page-id-4034 .share-links.curved-bar-styling .social-icons a {
  color: #FFF;
}
.page-id-4034 .share-links .share-text {
  color: #FFF;
}

– Kyle

[yuriychubarenko]

Great thanks

And how can I align it right and make its width 40%?

[Kyle – SUPPORT]

Add this:

@media only screen and (min-width: 768px) { 
.page-id-4034 .share-links.curved-bar-styling {
  width: 40%;
  float: right;
}
}

– Kyle

[yuriychubarenko]

Thanks Kyle.

Just a quick email to see if the developer gave you any updates on the parallax issue?

Kind Regards,

Yuriy

[Kyle – SUPPORT]

I’ll forward this topic to him, he will help you shortly 🙂

– Kyle

[yuriychubarenko]

Thanks – I look forward to hearing from him.