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

Comments

  • Hikin' MikeHikin' Mike Walkin' like a Penguin! Atwater, CaRegistered Users Posts: 4,707 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-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.

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