Change the Border Color in ShortStack Pop-ups

Changing the Border Color in ShortStack Pop-ups

Change the Border Color in ShortStack Pop-ups

Are you using a pop-up to display something on a ShortStack tab? You can use the CSS below to change the color of the border around the pop-up so it better suits your tab!

/*Border color in pop-up*/
.boxy-wrapper{
background-color:#00FF00;
}

Yes, the Hex Value in this code is for bright green, and that color probably isn’t for everybody. You can change the color by updating the Hex Value.  For example, if you wanted a red border, the CSS would look like this:

/*Border color in pop-up*/
.boxy-wrapper{
background-color:#FF00
00;
}

Check out this Hex Value guide from w3schools.com: https://www.w3schools.com/cssref/css_colors.asp to find the Hex Value associated with the color you want to use.

Tags:
Dana Kilroy
dana@shortstacklab.com

Dana Sullivan Kilroy is ShortStack's Director of Communications and Social Media Marketing. Before joining the ShortStack team she was a writer whose work appeared in publications and sites including The New York Times, The Los Angeles Times, The Wall Street Journal, Fast Company, Inc. and many other lifestyle publications. Reach her on Twitter @dsullyk. Read more articles by Dana Kilroy.



You’re going to love ShortStack

0 Shares
Share
Tweet
Share