Frequently Requested Simple Modifications / Tweaks

17891113

Comments

  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited November 4, 2013
    ko04 wrote: »
    The problem is that when you do a right click on my images no message pop's up

    Are you sure Right Click Protection is turned on?

    On my site, the last lines of source code in my HTML looks like:
    [COLOR="lime"]<div class="yui3-menu yui3-menu-vertical yui3-menu-notouch" id="yui_3_8_0_1_1383607899496_1509">...</div>[/COLOR]
    [COLOR="Red"]<div class="sm-tooltip sm-tooltip-floating sm-text-mini sm-tooltip-default sm-right-click-message" id="yui_3_8_0_1_1383607899496_1854" style="left: 955px; top: 340px; opacity: 1;"><span class="sm-tooltip-content">These photos are copyrighted by their respective owners. All rights reserved. Unauthorized use prohibited.</span></div>[/COLOR]
    [COLOR="lime"]</body>[/COLOR]
    </htmL>
    

    On yours it just looks like:
    [COLOR="lime"]<div class="yui3-menu yui3-menu-vertical yui3-menu-notouch" id="yui_3_8_0_1_1383609236754_476">...</div>
    </body>[/COLOR]
    </htmL>
    

    That leads me to believe you don't have right click protection on. I looked in the "Landscapes" gallery for this code.
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • ko04ko04 Registered Users Posts: 370 Major grins
    edited November 5, 2013
    leftquark wrote: »
    What exactly is your problem?
    So, no message. Are you able to copy the file with the right click? Or can't copy but no message saying you can't?

    As far as I know I'm not able to I tried on my computer and it doesn't copy I am using a Mac.
    leftquark wrote: »
    Are you sure Right Click Protection is turned on?

    On my site, the last lines of source code in my HTML looks like:
    [COLOR="lime"]<div class="yui3-menu yui3-menu-vertical yui3-menu-notouch" id="yui_3_8_0_1_1383607899496_1509">...</div>[/COLOR]
    [COLOR="Red"]<div class="sm-tooltip sm-tooltip-floating sm-text-mini sm-tooltip-default sm-right-click-message" id="yui_3_8_0_1_1383607899496_1854" style="left: 955px; top: 340px; opacity: 1;"><span class="sm-tooltip-content">These photos are copyrighted by their respective owners. All rights reserved. Unauthorized use prohibited.</span></div>[/COLOR]
    [COLOR="lime"]</body>[/COLOR]
    </htmL>
    

    On yours it just looks like:
    [COLOR="lime"]<div class="yui3-menu yui3-menu-vertical yui3-menu-notouch" id="yui_3_8_0_1_1383609236754_476">...</div>
    </body>[/COLOR]
    </htmL>
    

    That leads me to believe you don't have right click protection on. I looked in the "Landscapes" gallery for this code.

    As far as I know its on because it says its on it my settings>SECURITY>Right-Click Protected
  • kimbomackimbomac Registered Users Posts: 99 Big grins
    edited November 8, 2013
    Speaking of Right-Click protection, can anyone tell me how I can make that apply only if I am not logged on. Can I remove the Right-Click protection when I am logged on so that I can at least Right-Click on my own images?

    Please, please, I'd love it if I could do that! Usually it's just to get the image URL, but you know, maybe one day I'd like to save my own images to another computer if I am not at my own where I have the source images...
    Kimbomac

    (FeaturePhotography.net)
  • denisegoldbergdenisegoldberg Administrators Posts: 14,220 moderator
    edited November 8, 2013
    kimbomac wrote: »
    Speaking of Right-Click protection, can anyone tell me how I can make that apply only if I am not logged on. Can I remove the Right-Click protection when I am logged on so that I can at least Right-Click on my own images?

    Please, please, I'd love it if I could do that! Usually it's just to get the image URL, but you know, maybe one day I'd like to save my own images to another computer if I am not at my own where I have the source images...
    I don't know how to do that but if you are logged on you can always use the download button.

    --- Denise
  • kimbomackimbomac Registered Users Posts: 99 Big grins
    edited November 10, 2013
    All I want to do is find the image URL so that I can quote it/refer to it/embed it on other websites.

    So I just want to be able to right click when I am logged in, but not allow it when I am logged out.

    On legacy Smugmug there was customisation to determine whether you were logged in or not. I am sure there must be for the new smugmug too, but I just don't know what it is or how to implement what's necessary.
    Kimbomac

    (FeaturePhotography.net)
  • thenickdudethenickdude Registered Users Posts: 1,302 Major grins
    edited November 10, 2013
    kimbomac wrote: »
    All I want to do is find the image URL so that I can quote it/refer to it/embed it on other websites.

    So I just want to be able to right click when I am logged in, but not allow it when I am logged out.

    On legacy Smugmug there was customisation to determine whether you were logged in or not. I am sure there must be for the new smugmug too, but I just don't know what it is or how to implement what's necessary.

    Install an extension like Image Downloader for Chrome:

    https://chrome.google.com/webstore/detail/image-downloader/cnpniohnfphhjihaiiggeabnkjhpaldj

    Now press the download button on the toolbar, it'll give you a list of every image currently being displayed on the page along with links you can copy and paste.

    The sort of customisation you're talking about requires JavaScript, which isn't supported on New SmugMug.
  • jerryrjerryr Registered Users Posts: 595 Major grins
    edited November 10, 2013
    Any thoughts/ideas in changing the text that appears in the search box ? something other than 'search for photos' ?
  • DMBoomDMBoom Registered Users Posts: 61 Big grins
    edited November 11, 2013
    Thanks! Worked a charm to remove the 'photo sharing by SmugMug'.
    The wisest men follow their own direction - Euripides

    http://www.desiree-fotografie.nl
  • MotoriderMotorider Registered Users Posts: 60 Big grins
    edited November 12, 2013
    I know we have the ability to remove this text, but thought we had to keep it on our sites according to the terms of use? Can someone please clarify this for me?
    DMBoom wrote: »
    Thanks! Worked a charm to remove the 'photo sharing by SmugMug'.
  • MotoriderMotorider Registered Users Posts: 60 Big grins
    edited November 22, 2013
    Motorider wrote: »
    I know we have the ability to remove this text, but thought we had to keep it on our sites according to the terms of use? Can someone please clarify this for me?

    There must be somebody from SM who can shed some light on this for me?
  • MotoriderMotorider Registered Users Posts: 60 Big grins
    edited November 28, 2013
    For anyone else that's not sure about this, I contacted support & here's the official word.
    Thank you for contacting SmugMug,

    I see someone has code to remove 'photo sharing by SmugMug' from their site. We are not allowed to remove that from the footer internally. We did not locate anything in the Terms and Conditions stating that you cannot customize your site to remove the above statement. This may be subject to change in the future.

    Let us know if you have any additional questions and have a good day!
    Tyree
    SmugMug Support Hero
  • St LaurieSt Laurie Registered Users Posts: 31 Big grins
    edited December 11, 2013
    Does anyone have a fix for this:
    xWQlCFh.png
    I want to remove the hover tooltip that shows up (Events in the above screenshot).

    Cheers
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited December 16, 2013
    St Laurie wrote: »
    Does anyone have a fix for this:
    I want to remove the hover tooltip that shows up (Events in the above screenshot).

    Unfortunately there is no way to do this in CSS :(
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • TallPhotoGuyTallPhotoGuy Registered Users Posts: 160 Major grins
    edited December 17, 2013
    How did you do our semi transparent left heading on your home page
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited December 17, 2013
    How did you do your semi transparent left heading on your home page

    My logo is a transparent PNG so the transparent parts in the are see-through. Created it in photoshop and enabled transparency when saving.
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • DaveClarkDaveClark Registered Users Posts: 3 Big grins
    edited January 28, 2014
    Border on folder images
    There is CSS code to put borders around thumbnails and photos in galleries, but it does not put borders on the folder images. This gives an inconsistent appearance. Is there way to put the same border on folder images?
  • sjnoelsjnoel Registered Users Posts: 41 Big grins
    edited February 10, 2014
    Impressive resource! I visited your site - your photos are spectacular! Very kind of you to share your knowledge and expertise.
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited April 18, 2014
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited April 18, 2014
    2014-04-18 10:54am: Added "Customize the Shipping Cart" Filter Checkboxes
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited October 19, 2014
    leftquark, have you previously described how you created the translucent background behind all the content areas on your site after the Home page? I haven't been able to find this anywhere and would appreciate this information.

    Thanks.
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited October 19, 2014
    leftquark, have you previously described how you created the translucent background behind all the content areas on your site after the Home page? I haven't been able to find this anywhere and would appreciate this information.

    Thanks.

    Pretty easily actually! It's done by editing your theme and setting a Body color and giving the body alpha some translucency!

    1. In the Customizer, go to the "Themes" tab and click the wrench to edit your theme.
    2. Go to the "Advanced" tab.
    3. Set a "Body" color.
    4. Set the "Body Alpha" to something like 90% so it's just slightly see-through.
    5. Click done a few times and publish :)
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • W.W. WebsterW.W. Webster Registered Users Posts: 3,204 Major grins
    edited October 19, 2014
    leftquark wrote: »
    Pretty easily actually! It's done by editing your theme and setting a Body color and giving the body alpha some translucency!
    D'uh! thumb.gif
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited February 24, 2015
    2015-02-24 2:16pm PST: Added "Make Slideshow Captions Fill the Height"
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • divamumdivamum Registered Users Posts: 9,021 Major grins
    edited March 31, 2015
    Hi! Adding this here in the hope that somebody either 1. knows a (simple!) way to do it or 2. Smug can implement it.

    In the social icons links block, I would love to be able to add a mailto/contact link which would appear as a thematically-matched and -sized icon (ie envelope icon) alongside the FB/twitter/WP etc logo icons. I see that it's possible to add a "custom" link in the social icons block, but even though that makes it easy to link to a page with email and contact info, I see no way to tweak the icon, which currently will only appear as a chain (for a link).
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited April 1, 2015
    divamum wrote: »
    Hi! Adding this here in the hope that somebody either 1. knows a (simple!) way to do it or 2. Smug can implement it.

    In the social icons links block, I would love to be able to add a mailto/contact link which would appear as a thematically-matched and -sized icon (ie envelope icon) alongside the FB/twitter/WP etc logo icons. I see that it's possible to add a "custom" link in the social icons block, but even though that makes it easy to link to a page with email and contact info, I see no way to tweak the icon, which currently will only appear as a chain (for a link).

    Divamum, you can use the following CSS to turn the chain (link) into a mail envelope:

    If you use Standard Social icons:
    /* Turn the standard chain link icon into an envelope */
    .sm-fonticon-Link:before {
      content: '\E308' !important;
    }
    

    If you use Circular Social icons:
    /* Turn the circular chain link icon into an envelope */
    .sm-fonticon-LinkCircle:before {
      content: '\E264' !important;
    }
    

    If you use Square Social icons:
    /* Turn the square chain link icon into an envelope */
    .sm-fonticon-LinkCircle:before {
      content: '\E263' !important;
    }
    
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • divamumdivamum Registered Users Posts: 9,021 Major grins
    edited April 1, 2015
    It works - THANK YOU!!
  • leftquarkleftquark Registered Users, Retired Mod Posts: 3,784 Many Grins
    edited April 1, 2015
    divamum wrote: »
    COOL! WHere do I put that CSS code (ie how do I get to that, and where does it need to "live"?). Also, do I need to provide an icon, or does the CSS do that for me?

    THANK YOU!!

    Excellent question and one I should have provided for you with the code. There are 2 ways to add the CSS:
    1) Go to the Customizer and click on "Entire Site". Add a "CSS Content Block" (on the "Content" tab, under "HTML & CSS") anywhere on the page (preferably the bottom) by drag/dropping it in. Paste in the code.

    2) Enter the Customizer and click on the second tab for "Themes". Under your theme, enter the settings and click on the "Advanced" tab. At the very bottom is an option for Advanced CSS. Paste in the code.

    I gave you 3 options for code based on which style of social buttons you've used. It looks like you use circles, so you'd want the second.

    We have a special "SmugMug Font" which contains all sorts of icons. That code "\E264" is the icon for the envelope.

    I've gone ahead and added the code for you by using method #1. You already had a CSS Content Block; I added the new code to that one. Let me know if there's anything else I can help with!

    Edit: You beat me to it. Well done!
    dGrin Afficionado
    Former SmugMug Product Team
    aaron AT aaronmphotography DOT com
    Website: http://www.aaronmphotography.com
    My SmugMug CSS Customizations website: http://www.aaronmphotography.com/Customizations
  • divamumdivamum Registered Users Posts: 9,021 Major grins
    edited April 1, 2015
    thumb.gifthumb.gifthumb.gif

    Hopefully this will help somebody else at some point too! Thanks again so much.
  • Claudia JClaudia J Registered Users Posts: 5 Beginner grinner
    edited April 12, 2015
    I needed to do the same thing and was thrilled to see your question divamum as well as your detailed reply leftquark. Unfortunately I was not successful in adding it to my page.
    I did manage to add the CSS filed underneath the social icon field and pasted the CSS code in, however, nothing happened. Did I forget a step? Where would I actually add the contact info, i.e. my email address? Hoping you can help... Thanks!
    Claudia
    www.dasfotohaus.com
  • Lille UlvenLille Ulven Registered Users Posts: 567 Major grins
    edited April 12, 2015
    Claudia J,

    you would have to add your mailto-link to your Social-Icons under "Custom URL" and set "Show Custom URL" to ON before you would be able to see that envelope-icon that you implemented in your CSS.
    (You'll find this if you choose: Customize -> Content and Design in your right hand side menu under Content -> Homepage -> Social Icons)

    Good luck

    Lille Ulven
    https://www.lilleulven.smugmug.com - The Photos of my travels
Sign In or Register to comment.