Frequently Requested Simple Modifications / Tweaks

leftquark

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.

ko04

leftquark wrote: »

What exactly is your problem?

southeasternphotography wrote: »

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

kimbomac

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...

denisegoldberg

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

kimbomac

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.

thenickdude

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.

jerryr

Any thoughts/ideas in changing the text that appears in the search box ? something other than 'search for photos' ?

DMBoom

Thanks! Worked a charm to remove the 'photo sharing by SmugMug'.

Motorider

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'.

Motorider

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?

Motorider

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 Laurie

Does anyone have a fix for this:

I want to remove the hover tooltip that shows up (Events in the above screenshot).

Cheers

leftquark

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

TallPhotoGuy

How did you do our semi transparent left heading on your home page

leftquark

TallPhotoGuy wrote: »

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.

DaveClark

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?

sjnoel

Impressive resource! I visited your site - your photos are spectacular! Very kind of you to share your knowledge and expertise.

leftquark

2014-04-18: Added "Turn your Gallery into a Filmstrip"

leftquark

2014-04-18 10:54am: Added "Customize the Shipping Cart" Filter Checkboxes

W.W. Webster

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.

leftquark

W.W. Webster wrote: »

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

W.W. Webster

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!

leftquark

2015-02-24 2:16pm PST: Added "Make Slideshow Captions Fill the Height"

divamum

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).

leftquark

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;
}

divamum

It works - THANK YOU!!

leftquark

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!

divamum

Hopefully this will help somebody else at some point too! Thanks again so much.

Claudia J

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 Ulven

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