Community @ The Turning Gate

I see that too, but when I click on the cart icon there is a dropdown with the amount in the cart in black and below it the text "view cart" in white on a white background. I assume the "view text" is a button and getting its color for my top pallet button setting.

Cool Rod, I've been trying to figure out how to do this too. Thanks.

I switched to https a few months ago using a certificate from letsencrypt (free). It was a pretty simple change; other than changing all hardcoded links in Backlight I added a rewrite rule to .htaccess to force all incoming http traffic to https.

I am self hosted, though, and I don't know if your provider will allow you to use a certificate from letsencrypt.

FWIW, this is the css styling I used:

#social-align
{
    text-align: right;
    float: none;
    padding-right: 24px;
    }
   
#social-align.icon {
    display: inline-block;
    }

This is probably a little clunky but it seems to work ok.

function ttg_single_bottom ( $style, $path ) {

    $actual_link = "https://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    $img = substr(strrchr(substr($_SERVER["REQUEST_URI"], 0, strrpos($_SERVER["REQUEST_URI"],"-single.php")), '/'), 1);
    $imgpath = substr($_SERVER["REQUEST_URI"], 0, strrpos($_SERVER["REQUEST_URI"],$img)) . 'photos/' . $img . '.jpg';
    $imgfullpath = "https://$_SERVER[HTTP_HOST]$imgpath";

    echo '
        <div id=social-align>
            <a class="icon" target="_blank" href="http://www.facebook.com/sharer/sharer.php?u='.$actual_link.'" title="Share on Facebook">
                <i class="fa fa-facebook-official"  style="color:#3b5998; font-size: 150%;"></i></a>
            <a class="icon" target="_blank" href="http://www.twitter.com/intent/tweet?url='.$actual_link.'" title="Tweet">
                <i class="fa fa-twitter"  style="color:#1da1f2; font-size: 150%;"></i></a>                                 
            <a class="icon" target="_blank" href="https://plus.google.com/share?url='.$actual_link.'" title="Share on Google Plus">
                <i class="fa fa-google-plus-official"  style="color:#dd4b39; font-size: 150%;"></i></a>
            <a class="icon" target="_blank" href="http://pinterest.com/pin/create/button/?url='.$actual_link.'&amp;media='.$imgfullpath.'" title="Share on Pinterest">
                <i class="fa fa-pinterest-p"  style="color:#cb2027; font-size: 150%;" id="social_media_04"></i></a>
            <a class="icon" target="_blank" href="http://stumbleupon.com/submit?url='.$imgfullpath.'" title="Share on Stumbleupon">
                <i class="fa fa-stumbleupon"  style="color:#EB4823; font-size: 150%;" id="social_media_04"></i></a>
            <a class="icon" target="_blank" href="mailto:?subject=An image you might like&body='.$actual_link.'" title="Share via email">
                <i class="fa fa-envelope-o"  style="font-size: 150%;"></i></a>
        </div>
       
       
';
}

I should probably know this, but is there a reason this doesn't work on my blog? Works fine on everything else.

I actually cut and pasted the code from his site.

Do you have cart enabled in your albums in Lightroom? And is cart enabled in your album template in Backlight?

Does that have anything to do with the resize issues discussed before? Like when changing from portrait to landscape on mobile?

I just tried renaming a single file in Lightroom and then republished it. I ended up with two thumbnails in the folder as well. The old thumbnail doesn't show in the gallery, though.

I just recently got that book, it's a good one. It's a far cry from my old mainframe days.

I'm not using any custom css for my logo, just this code:

function ttg_pallet_top_title( $style, $path ) {
    echo '
        <li class="logo">
            <a href="/">
                <picture>
                    <source media="(max-width: 440px)" srcset="/backlight/custom/images/SL_Short_Logo.png">
                    <img src="/backlight/custom/images/SL_Top_Pallet_WHT_small.png">
                </picture>
            </a>
        </li>
    ';
  return false;
} // END

With class="logo" it works fine, without it hides the menu items.