Options

Login text - remove/change colour

NAubinNAubin Registered Users Posts: 17 Big grins
edited January 1, 2014 in SmugMug Customization
Hi,

So on my site I have removed the "powered by smugmug" message via a CSS customisation, and now I want to either remove or make the Login text a dark grey. Can anyone help with how to change this please?

My site is www.myeyespy.com

thanks

Neil
www.myeyespy.com

Comments

  • Options
    RKnechtRKnecht Registered Users Posts: 366 Major grins
    edited September 13, 2013
    I added a HTML block to the top of my page and inserted this code:


    Log In

    I now have a log in link in the upper left below my header I can click on that only I know is there.
    A few Nikon bodies and some fast Nikon glass

    www.richknechtphotography.com
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited September 13, 2013
    RKnecht wrote: »
    I added a HTML block to the top of my page and inserted this code:


    <a href="http://secure.smugmug.com/login&quot; style="color: transparent"><span style="color: transparent;">Log In</span></a>

    I now have a log in link in the upper left below my header I can click on that only I know is there.
    Where on the NewSmug did you add it? "entire site"? Did you add CSS for it? In the CSS did you make it
    "position:absolute" so it won't push other page elements out of the way?

    I used this but can't seem to get it from pushing banner to the right.
    <div style="position:absolute;"><a href="http://secure.smugmug.com/login&quot; style="color: transparent"><span style="color: transparent;">Log In</span></a></div>
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    RKnechtRKnecht Registered Users Posts: 366 Major grins
    edited September 13, 2013
    Allen wrote: »
    Where on the NewSmug did you add it? "entire site"? Did you add CSS for it? In the CSS did you make it
    "position:absolute" so it won't push other page elements out of the way?

    I added it right above my slideshow. It's only on my Homepage. I didn't add "position:absolute" because it did not effect my layout.

    EDIT: I also set the top/bottom margins of the box to "0"
    A few Nikon bodies and some fast Nikon glass

    www.richknechtphotography.com
  • Options
    NAubinNAubin Registered Users Posts: 17 Big grins
    edited September 13, 2013
    Sound good - but how do you then remove the Login text from the bottom of the page please?
    www.myeyespy.com
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited September 13, 2013
    NAubin wrote: »
    Sound good - but how do you then remove the Login text from the bottom of the page please?


    This will remove everything:
    .sm-page-powered-by a {
    display: none;
    }
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • Options
    RKnechtRKnecht Registered Users Posts: 366 Major grins
    edited September 13, 2013
    Hikin' Mike beat me to it. Looking at your site, I would place the HTML box at the bottom of the Homepage.
    A few Nikon bodies and some fast Nikon glass

    www.richknechtphotography.com
  • Options
    fabthifabthi Registered Users Posts: 263 Major grins
    edited November 13, 2013
    Hikin' Mike wrote: »
    This will remove everything:
    .sm-page-powered-by a {
    display: none;
    }
    That works, but on the other side I always have to log in from smugmug homepage, which is quite uncomfortable especially now that I am doing intense customization works.
    How can I hide it but have it still someway available?
    Like, say, changing the color of Login text to blend it with background?
    fabiothian.com on SmugMug
    Venice PhotoBlog
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited November 13, 2013
    fabthi wrote: »
    That works, but on the other side I always have to log in from smugmug homepage, which is quite uncomfortable especially now that I am doing intense customization works.
    How can I hide it but have it still someway available?
    Like, say, changing the color of Login text to blend it with background?

    You can always type /login/ after your URL (YourURL/login/). mwink.gif
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • Options
    beardedgitbeardedgit Registered Users Posts: 854 Major grins
    edited November 13, 2013
    fabthi wrote: »
    How can I hide it but have it still someway available?
    Another way is to use Hikin' Mike's code to get rid of the footer link and then add a link to your menu as a drop-down item, it's one of the "preset" links available in the menu setup.

    I've "hidden" my login/logout link by "nesting" it under my menu's "Site Navigation" option - have a look at http://beardedgit.smugmug.com/ and hover over "Site Navigation", login/logout should be at the bottom of the list.
    Yippee ki-yay, footer-muckers!
  • Options
    fabthifabthi Registered Users Posts: 263 Major grins
    edited November 14, 2013
    beardedgit wrote: »
    Another way is to use Hikin' Mike's code to get rid of the footer link and then add a link to your menu as a drop-down item, it's one of the "preset" links available in the menu setup.

    That's a good solution clap.gif
    fabiothian.com on SmugMug
    Venice PhotoBlog
  • Options
    CharlyCharly Registered Users Posts: 86 Big grins
    edited January 1, 2014
    Pardon me for bringing up an old post, but I need to tweak my code for it to work and cannot for the life of me figure it out.

    As of now I have:
    .sm-page-powered-by A:first-child
{
   display: none;
}
    If I try to use your code Hikin' Mike, it brings everything back. With above code I have only "Login" showing in the footer on my site and wish to remove it. I tried different ways to have it not display when not logged in, but failed. Would really appreciate a little help. Thanks!
    www.ImagerybyCharly.com | Serving the DFW area of Texas and beyond
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited January 1, 2014
    Charly wrote: »
    Pardon me for bringing up an old post, but I need to tweak my code for it to work and cannot for the life of me figure it out.

    As of now I have:
    .sm-page-powered-by A:first-child
{
   display: none;
}
    If I try to use your code Hikin' Mike, it brings everything back. With above code I have only "Login" showing in the footer on my site and wish to remove it. I tried different ways to have it not display when not logged in, but failed. Would really appreciate a little help. Thanks!

    This works: 
    .sm-page-powered-by a {
    display: none;
    }
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • Options
    CharlyCharly Registered Users Posts: 86 Big grins
    edited January 1, 2014
    Hikin' Mike wrote: »
    This works: 
    .sm-page-powered-by a {
    display: none;
    }

    As I stated it will not work for me, cuz if I use it everything shows. At the moment, only "login" is showing. Perhaps it's because I have a custom design borne out of Isis?

    I know in my custom footer I have .notLoggedIn.... {display: none;}, but when I try to use something like that, it just all comes back again. :(: Since I'm bad at coding, need a bit of help.
    www.ImagerybyCharly.com | Serving the DFW area of Texas and beyond
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited January 1, 2014
    If you want to remove your login text, remove this: 
    .sm-page-powered-by a:first-child{
    display:none;
    }

    and add this: 
    .sm-page-powered-by a {
    display: none;
    }
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • Options
    CharlyCharly Registered Users Posts: 86 Big grins
    edited January 1, 2014
    Whoops so sorry Mike, I should've clearly stated what happens:

    1. From my "Entire Site" CSS box; I remove/delete code I have in now, place your code in and the entire SM footer returns covering all of my custom footer
    2. If I remove your code and put back in the code I had previously { A:first child }, all the SM footer disappears "except" for Login which is overlapping my custom footer | phone number | on every page of my site

    My apologies for not articulating my situation properly.

    Edit: Perhaps knowing this code in part is in my custom footer code in the Entire Site CSS box will help?
    .notLoggedIn .ibc-logout-link {display:none}
.loggedIn .ibc-login-link {display:none}
    www.ImagerybyCharly.com | Serving the DFW area of Texas and beyond
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited January 1, 2014
    I noticed you have some "issues" with your code. Looks like you tried to add some comments/notes, but you're not doing it correctly. You are only adding this: */Note, but it should say this: /* Note */

    In your code here: 
    */slideshow button .sm-user-ui .sm-gallery-slideshow-button .sm-button-skin-default{background-color:#d9d9d9;border-color:#fff;color:#fff;font-size:14px}
*/remove items .sm-button-image-share{display:none}
.sm-user-ui .sm-page-widget-nav-toplink a:hover{color:#d9d9d9!important}
.sm-gallery-tiles-pagination{display:none}
.sm-gallery-image-pagination{display:none}
*/title center .sm-gallery-thumbnail .sm-tile-info{text-align:center;display:inline}
.sm-page-powered-by a:first-child{display:none}
*/custom footer #ibc-footer{margin:auto;padding:10px;color:#666;font-size:12px}
#ibc-footer a{color:#666;hover:#764498!important}
#ibc-footer a:hover{color:#f5f5f5}
#ibc-footer .ibc-footer-sep{padding:0 7px}
#ibc-copyright{text-align:center}

    Should use this instead: 
    /*slideshow button */
.sm-user-ui .sm-gallery-slideshow-button .sm-button-skin-default{background-color:#d9d9d9;border-color:#fff;color:#fff;font-size:14px}
/*remove items*/ 
.sm-button-image-share{display:none}
.sm-user-ui .sm-page-widget-nav-toplink a:hover{color:#d9d9d9!important}
.sm-gallery-tiles-pagination{display:none}
.sm-gallery-image-pagination{display:none}
/*title center*/ 
.sm-gallery-thumbnail .sm-tile-info{text-align:center;display:inline}
.sm-page-powered-by a:first-child{display:none}
/*custom footer*/
#ibc-footer{margin:auto;padding:10px;color:#666;font-size:12px}
#ibc-footer a{color:#666;hover:#764498!important}
#ibc-footer a:hover{color:#f5f5f5}
#ibc-footer .ibc-footer-sep{padding:0 7px}
#ibc-copyright{text-align:center}
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
  • Options
    CharlyCharly Registered Users Posts: 86 Big grins
    edited January 1, 2014
    Hikin' Mike wrote: »

    I noticed you have some "issues" with your code. Looks like you tried to add some comments/notes, but you're not doing it correctly. You are only adding this: */Note, but it should say this: /* Note */

    Golly gee... Will I ever get the hang of code? headscratch.gif Doing all the Notes correctly not only cured the pesky LOGIN, but a bunch of other things! Thanks so very much for your help!!!!!
    www.ImagerybyCharly.com | Serving the DFW area of Texas and beyond
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited January 1, 2014
    Charly wrote: »
    Golly gee... Will I ever get the hang of code? headscratch.gif Doing all the Notes correctly not only cured the pesky LOGIN, but a bunch of other things! Thanks so very much for your help!!!!!

    I kind of thought that would take care of that! mwink.gif
    - Mike
    Images in the Backcountry

    My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
Sign In or Register to comment.