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

JPHOTOD

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: https://www.jareddevalkphoto.com/Pages/Motorsport

This is code I have tried, but failed:

/*Gallery Arrows — Right-side*/
.sm-fonticon-AngleBracketRightSlim:before
 {
content: ‘\E031’;
color:cdcdcd
}

/*Gallery Arrows — Left Side*/
.sm-fonticon-AngleBracketLeftSlim:before 
{
content: ‘\E030’;
color:cdcdcd
}

/*Full Screen Button*/

.sm-fonticon-FullScreenSlim:before
 {
content: ‘\E036';
background-color:white
}

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.

Jared

Hikin' Mike

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-button.sm-button-skin-default .sm-fonticon {color: gray;}

.sm-user-ui .sm-slideshow .sm-button.sm-button-skin-default .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.

JPHOTOD

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.