Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 3, 2016 at 4:32 pm #707828
    bardinidavide

    Hi guys, could you suggest me the way to use a page loader (gif) I’m creating with photoshop?
    Thanks

    November 3, 2016 at 4:48 pm #707832
    Yigit

    Hey bardinidavide,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top .av-siteloader {
    border: none;
    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

    Best regards,
    Yigit

    November 3, 2016 at 5:12 pm #707858
    bardinidavide

    Ok, I’ve created it and I’ve put it inside the theme via ftp, in the correct directory. now how ca I do to use it?

    November 3, 2016 at 5:15 pm #707866
    Yigit

    Hey!

    Please find following line in the code 

    background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png)!important;

    You should simply replace the link to your custom image :)

    Cheers!
    Yigit

    November 3, 2016 at 6:22 pm #707895
    bardinidavide

    Hi Yigit, thank you so much but there’s aproblem. What happens is that a figure continue to rotate on itself.
    The gif I’ve preparedhave an animation inside, not a general rotation.
    I just want to activate my gif, that’s it

    November 3, 2016 at 8:04 pm #707927
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .av-siteloader {
    -webkit-animation: none;
    animation: none;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.