Home Forums ASE Support Issues with Lightbox for Image component and Quote component

This topic is: resolved
Viewing 10 posts – 1 through 10 (of 10 total)
  • Author

    Posts

  • #8484

    Reply

    Joe Ruggeri

    Participant

    Noticing these issues with the Image component and the Quote component and have been struggling with each for the past week:

    Lightbox issues in Genji. Activating the lightbox on images within story causes each image to show up 3 times in the lightbox (in Chrome). And, in Internet Explorer and Safari (on Windows) images display inline as they should, but clicking them just opens the image at its URL in the same tab; it does not activate the lightbox modal.

    Also, in Safari and IE, if I have Aesop Lazy Load enabled, the images do not display inline at all; just a big hole where the images should be. But click on “Enlarge Image” and the browser loads the image, by itself (as in it goes to https://longform.theday.com/{this-image.jpg}, instead of showing it in the lightbox.

    With the Quote component, I cannot get the quote to be visible: Pull quotes do not show up. Space where the quote should be is rendered as white space and regardless of what I change (color, background color, z-index) via the inspector in Chrome, I cannot get the quote to show up.

    Screen shot of quote: https://www.dropbox.com/s/amp6trmjy4sdk2n/i9501_theday.com.png?dl=0

    My site link: https://longform.theday.com/interstate-95-a-problem-that-cannot-be-solved/

    Using the Genji template with the latest ASE (Version 1.6.2, updated this morning).

    – Joe R

    #8488

    Reply

    Michael Beil

    Keymaster

    Hey Joe,

    I can’t replicate the lightbox image URL issue locally: https://longform.theday.com/{this-image.jpg}.

    I haven’t seen our lightbox multiplying photos like that. We’ll check into it. Locally I am not seeing this. What version of Aesop Lazy Loader are you using?

    Regarding the quote, looks like the font color is #ffffff and is being overridden in the CSS.

    Can you send me some login credentials in a private reply?

    #8489

    Reply

    Joe Ruggeri

    Participant

    This reply has been marked as private.

    #8490

    Reply

    Joe Ruggeri

    Participant

    Michael …

    I just redid the CSS for pull quote as follows, and I still can’t get it to be visible.

    <div id="aesop-quote-component-18-1" class="aesop-component aesop-quote-component   aesop-component-align-left  aesop-quote-type-pull   quote-left-right " style="color:#941100;height:auto;width:40%;">
    <blockquote class="aesop-component-align-left" style="font-size:1em;">

    Note the style of the quote-component:
    style="color:#941100;

    – Joe

    #8567

    Reply

    Michael Beil

    Keymaster

    I was checking on this today and yesterday, and it looks like Genji has an issue with pull quotes. We’ll be submitting a patch soon.

    #8568

    Reply

    Joe Ruggeri

    Participant

    Thanks Michael.

    #8661

    Reply

    Michael Beil

    Keymaster

    Joe, this update to Genji should be coming to your WordPress dashboard shortly.

    #8692

    Reply

    Joe Ruggeri

    Participant

    Michael …

    Thanks for the update. Quick question, though. When I go tot he dashboard, the update is being highlighted on my Genji Child Theme (which has some minor changes to CSS and the functions.php file). I don’t think I’ve ever encountered the update being specified on the child theme. Should I just temporarily apply the parent theme to me site and then apply the Genji update? I do have my child theme changes backed up, so I’m not worried about losing them.

    – joe

    #8693

    Reply

    Joe Ruggeri

    Participant

    Michael …

    Ignore the previous question. I remembered that I had to this once before. So I did just what I asked and it worked.

    – joe

    #8695

    Reply

    Michael Beil

    Keymaster

    Ok, glad everything is all good.

    As an aside, it’s a good idea to follow our example for setting up child theme with a single style.css and functions.php that way your changes don’t get overwritten.

    style.css:

    /*
    Theme Name: Sample
    Theme URI: 
    Description: A child theme for Genji
    Version: 0.1
    Author: Your Name
    Author URI: https://yoursite.com
    Template: genji
    */

    Also, here’s our owner’s manual for Genji: https://beil.io/12rwX.

Viewing 10 posts – 1 through 10 (of 10 total)
Reply To: Issues with Lightbox for Image component and Quote component