Customization of Slide Show buttons and "Full Screen Buttons" and hide "Owner Login Button"

JPHOTODJPHOTOD ConnecticutRegistered Users Posts: 2 Beginner grinner
Hi All,
I am trying to make some final customizations to my website, specifically the slide show option in a gallery and hiding the "Owner Login link" as it shows strangely on the mobile view..

1.Slide Show buttons / Full screen Button
Currently the slide show buttons have a grey background with white text/symbol -- I am trying to have a transparent background with grey text/symbol (< >)

I have been able to do this in the developer module on Google, but I can not seem to get the proper code for this to be applied to me sire.

This is the site page I am working on:

This is code I have tried, but failed:

/*Gallery Arrows — Right-side*/
content: ‘\E031’;

/*Gallery Arrows — Left Side*/
content: ‘\E030’;

/*Full Screen Button*/

content: ‘\E036';

2. Is there a way to hide the "Owner Login" button on your website? I will be transparent I have not yet investigated this on Gogoel or bearded the forum's, but if someone has a snippet -- it would be greatly appreciated.

Thank you in advance, much appreciated.



  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaRegistered Users Posts: 5,200 Major grins

    This should work:

    .sm-user-ui .sm-slideshow .sm-slideshow-nav .sm-button,
    .sm-user-ui .sm-slideshow .sm-slideshow-fullscreen-button {background-color: transparent;}
    .sm-user-ui .sm-slideshow .sm-fonticon {color: gray;}
    .sm-user-ui .sm-slideshow .sm-fonticon:hover {color: black;}
    /* Hides Login */
    .sm-user-ui .sm-page-powered-by a {display: none;}

    Also, if you want the color cdcdcd, you need # before, so this is correct color: #cdcdcd.

  • JPHOTODJPHOTOD ConnecticutRegistered Users Posts: 2 Beginner grinner
    Mike -- thank you! That is exactly what I needed -- Appreciate it. I guess I was too "deep" into where I needed to make the changes.
Sign In or Register to comment.