Apple / Safari

  • flettererit

    (@flettererit)


    9 years, 5 months ago

    Hello, its a great Plugin! Though i have a little problem with displaying at safari browser on both iMac and Ipad/Iphone: I use the type=”with-image” and it works fine on all other browsers. On safari it displays only white circles without the images.

    Have you a hint for me to solve this issue?

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Shinkiro

    (@midnightowl)

    9 years, 4 months ago

    Hello,

    I looked in the code and found that every Safari user should have this problem. Safari is punishing developers harder for typos and it’s the same scenario here.

    I don’t know how experienced you are with developing so here is a noob-friendly solution until the creator of the plugin fixes it, too.

    1. Open your wp-admin board.

    2. Go to Plugins -> Installed Plugins

    3. Click on the “Edit” text under “Process Steps Template Designer”

    4. On the right side you can see all the Plugin-Data. Choose
    “process-steps-template-designer/includes/process_shortcode.php”

    5. Search (CTRL+F or CMD+F on Mac) for this line:

    $clt_icon ='<div class=”img-placeholder” style=”background:url(‘.$bg_img.'”);”>’;

    6. Replace it with this line (there was a ” for no reason):

    $clt_icon ='<div class=”img-placeholder” style=”background:url(‘.$bg_img.’);”>’;

    7. Enjoy the plugin on Safari

    • This reply was modified 9 years, 4 months ago by Shinkiro.
    jakecashion

    (@jakecashion)

    9 years, 2 months ago

    Hi mate, Ive hit the same issue with display on apple devices but the only code ive found doesnt match, see code below from “process-steps-template-designer/includes/process_shortcode.php”. Any suggestions for a fix? Ive tried to get it to work but it messes up graphics, Cheers,

    $img_thumb = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()), ‘full’);
    $bg_img=$img_thumb[0];
    if(isset($img_thumb[0])){
    // $clt_icon ='<div class=”img-placeholder” style=”background-image:url(‘.$bg_img.'”);background-repeat: no-repeat;

    $clt_icon ='<div class=”img-placeholder” style=”
    background-image:url(‘.$bg_img.'”);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-color: #ccc;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;”>’;

    leeeastwood

    (@leeeastwood)

    9 years, 2 months ago

    Hi (@jakecashion) or anyone else,

    Did you manage to solve the problem? I just can’t seem to figure this out for Safari. Any help would be very appreciated indeed.

    Thanks,

    Lee.

    • This reply was modified 9 years, 2 months ago by leeeastwood.
    leeeastwood

    (@leeeastwood)

    9 years, 2 months ago

    I managed to resolve this myself, see below:

    1. Open your wp-admin board.

    2. Go to Plugins -> Installed Plugins

    3. Click on the “Edit” text under “Process Steps Template Designer”

    4. On the right side you can see all the Plugin-Data. Choose
    “process-steps-template-designer/includes/process_shortcode.php”

    5. Search (CMD+F) for this line:

    $clt_icon ='<div class=”img-placeholder” style=”
    background-image:url(‘.$bg_img.'”);

    6. Replace it with $clt_icon ='<div class=”img-placeholder” style=”
    background-image:url(‘.$bg_img.’);
    7. Remove this line background-attachment: fixed;

    8: change background-position: center top; to background-position: center;

    9: Save Plugin, Refresh Safari

    • This reply was modified 9 years, 2 months ago by leeeastwood.
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Apple / Safari’ is closed to new replies.