New Landing › How can we help? › Themeforest Theme Support › Dante › Dynamic parallax – image not moving, icons colour in sf_social_share shortcode

Viewing 15 posts - 1 through 15 (of 21 total)
1 2
  • Back to forum
    Posted in: Dante
  • April 28, 2014 at 6:54 pm #70555
    yuriychubarenko
    Member
    Post count: 19

    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.

    April 29, 2014 at 10:01 am #70651
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    April 29, 2014 at 10:28 am #70668
    yuriychubarenko
    Member
    Post count: 19
    This reply has been marked as private.
    April 30, 2014 at 9:13 am #71047
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    April 30, 2014 at 9:38 am #71061
    yuriychubarenko
    Member
    Post count: 19

    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?

    April 30, 2014 at 9:51 am #71070
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    April 30, 2014 at 10:06 am #71078
    yuriychubarenko
    Member
    Post count: 19

    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

    April 30, 2014 at 10:08 am #71081
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this custom css:

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

    – Kyle

    April 30, 2014 at 11:20 am #71112
    yuriychubarenko
    Member
    Post count: 19

    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 ?

    April 30, 2014 at 11:33 am #71127
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    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

    April 30, 2014 at 11:41 am #71132
    yuriychubarenko
    Member
    Post count: 19

    Great thanks

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

    April 30, 2014 at 11:43 am #71134
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add this:

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

    – Kyle

    May 2, 2014 at 10:52 am #71790
    yuriychubarenko
    Member
    Post count: 19

    Thanks Kyle.

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

    Kind Regards,

    Yuriy

    May 2, 2014 at 10:54 am #71792
    Kyle – SUPPORT
    Moderator
    Post count: 35880

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

    – Kyle

    May 2, 2014 at 10:55 am #71794
    yuriychubarenko
    Member
    Post count: 19

    Thanks – I look forward to hearing from him.

  • Back to forum
    Posted in: Dante
Viewing 15 posts - 1 through 15 (of 21 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register