Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • December 9, 2015 at 12:50 pm #549650
    MadRhino

    Hi there,

    I want to use the built-in page preloader so that the spinning circle goes around a square 46px x 46px logo, rather than having the logo displayed above the spinner.

    How can make this happen?

    Many thanks for your help

    December 9, 2015 at 1:58 pm #549672
    Yigit

    Hi MadRhino!

    Can you please post the link to your website?

    Regards,
    Yigit

    December 9, 2015 at 2:42 pm #549710
    MadRhino

    Sorry Yigit, but this response is a little lame.

    I’m just trying to use the standard page preloader under the Theme Options tab.

    When I upload a small square logo to be used in connection with the page preloader, the logo is displayed above the spinner, rather than in the center of it.

    Again, I’d just like to have a small square logo (46px x 46px) displayed in the center of the page preloader.

    My page isn’t live as of yet. If need be, I will send you login credentials, but I think it’s a pretty standard issue.

    Many thanks again,

    December 9, 2015 at 2:47 pm #549718
    Yigit

    Hi!

    I asked the link of your website to provide you an accurate custom CSS code :)
    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust the values 

    .av-preloading-logo {
  position: relative;
  top: 100px;
}

    Best regards,
    Yigit

    December 10, 2015 at 1:35 pm #550352
    MadRhino

    Hi Yigit,

    I’m sorry if my previous response came off as a little rude. This wasn’t itentional. I just thought that this was more of a standard question, which could be resolved quickly.

    Anyways, as I pointed out above, I want to use a square logo, about 46px x 46px in connection with built-in page preloader. However, when I upload/use the logo, it’s placed above the spinner, as opposed to its center. Is there a way to place the logo in the center of the spinner?

    I posted a link to my site in my other request and noticed that you apparently changed the password. Either way, please see access information below.

    Many thanks for your help.

    December 10, 2015 at 2:07 pm #550376
    Yigit

    Hi!

    Can you please upload your preloader logo and let us know? I checked your library but could not find 46x46px version of your logo.
    Also, have you tried using this code – https://kriesi.at/support/topic/page-preloader/#post-549718?

    Cheers!
    Yigit

    December 10, 2015 at 2:41 pm #550411
    MadRhino

    Thanks for getting back to me Yigit,
    I was playing with a logo, but ended up deleting it after I noticed that it wasn’t centered in the center of the spinner.
    I uploaded a new version of the logo which is 52px x 31px.
    I also uploaded your code to my custom style sheet, but now the logo is displayed underneath of the spinner.

    Any thoughts on how we can put it into the center?

    Many thanks for your help.

    December 10, 2015 at 3:00 pm #550424
    Yigit

    Hi!

    Where have you added the code? I could not find it in Quick CSS field.
    I have added following code to Quick CSS 

    .av-preloading-logo {
  position: relative;
  top: 55px !important;
}

    Please review your website

    Cheers!
    Yigit

    December 10, 2015 at 3:37 pm #550461
    MadRhino

    Hi Yigit, I added the code to my custom css file rather than the Quick CSS to avoid having it overwritten with every update.
    I used your code above and now the logo is more or less in the center, but the spinner is too small to revolve around the logo properly.
    Can we make it larger to accommodate the new logo?

    Again, many thanks

    December 10, 2015 at 3:43 pm #550470
    Yigit

    Hi!

    I added following code to Quick CSS as well

    .av-siteloader, .av-siteloader:after {
    width: 70px;
    height: 70px;
}

    However you cannot adjust the position of logo because of the code you have in custom.css file overrides it. Please remove it or adjust the value in the file to center your logo perfectly

    Best regards,
    Yigit

    December 11, 2015 at 3:53 pm #551136
    MadRhino

    Hi Yigit,

    Yes, this works as well. Many thanks.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Page Preloader’ is closed to new replies.