Support » Plugin: ShrinkTheWeb (STW) Website Previews Plugin » Thumbnail placement – can I change it?

  • Resolved Sue

    (@suelaren)


    I am using your plugin to display thumbnails of some of my portfolio sites in a sidebar menu – it works. However, the thumbnails show up several hundred pixels below the actual link, and those links that are lower in the menu appear to NOT have the thumbnail showing. It is showing, but it is “off the screen” and you need to scroll to see it.

    Can I adjust where the thumbnail shows up so it is to the right and slightly above the link (the menu of site links is in a right hand sidebar?) Or at least have it show up immediately below the link, not so far below that it is off the screen?

    If you need to see what’s happening (I see the same behavior in both IE and Chrome on may laptop), the site is http://larennetworks.com

    https://wordpress.org/plugins/shrinktheweb-website-preview-plugin/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author puravida1976

    (@puravida1976)

    Hi Sue,

    The placement depends upon how you have placed the shortcode in your template. It will (should) output wherever you place that code.

    I visited the site to see what might be wrong, but I did not see any thumbnails being displayed (and none in the source either).

    Please let me know where I can see them in action, and I’ll try to give you some insight.

    Best regards,

    Brandon

    Thread Starter Sue

    (@suelaren)

    Thanks for the quick response! I’ve attached a link to a screen shot of what I see in Chrome – the links are in a sidebar widget, and I used the option in Settings under Mouseover Bubble settings for Automatic – all links outside the site are shown as a thumbnail. I do not manually add any shortcode.

    https://www.diigo.com/item/image/2bbif/ehxr

    As you can see, the thumbnail for the site shows well below where the link is (I hovered over McNeill Real Estate, listed second, and underlined in the list under Local Businesses.)

    Plugin Author puravida1976

    (@puravida1976)

    Ah. I didn’t realize you were using only the hover code. Now, I see it. That’s strange how it is so far from the mouse cursor. The same code looks fine (pops up right next to the cursor) on my test site.

    I will have to have a developer take a look to see why it’s working differently on your site. It may be a CSS conflict or something like that. I will post an update here once I know more.

    Plugin Author puravida1976

    (@puravida1976)

    Hello,

    Can you open a support ticket in our system at http://support.shrinktheweb.com so that we can communicate securely.

    The developer is asking for FTP login credentials to troubleshoot the issue.

    Brandon

    Plugin Author puravida1976

    (@puravida1976)

    We have found a fix to this issue. It was a CSS conflict that was site-specific. In case others run into this, I’m going to provide a little detail but not the entire fix –as it was very specific to this site and layout.

    We had to add the following CSS to make sure the javascript would properly calculate the margins:

    .site-main{
    position: inherit !important;
    }

    #tertiary{
    float: right;
    margin-top: 40px;
    position: inherit !important;
    }

    In this particular case, using the TwentyThirteen WP Theme, the sidebar would get pushed down below-the-fold with these changes. So we also had to move the get_sidebar(); code in page.php to just below the main site div. To prevent this from being overwritten on WP updates, the customer used a child theme and put page.php there.

    I hope this helps others as well.

    Thanks for your patience, Sue! Enjoy the service. 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Thumbnail placement – can I change it?’ is closed to new replies.