Are you using any popups on your ShortStack Campaign? Want to know how to customize them so they look like the rest of your app and not the default blue and white? The next few weeks I'll be focusing on tips for updating your popups. You may remember a tips from a few weeks back about...
Have a Custom Form or Promotion on your tab? Did you know that you can customize the appearance of the "Thank you for your submission" text that displays after the form is submitted? Well, you can! Here's some CSS to place in your CSS Editor, with a number of elements you can customize, just pick and...
Could your Promotions and Custom Forms use a bit of a face-lift? Use the following CSS to give the field input text and dropdowns a bit more oomph: /*Customize Form Input Field Text and Dropdowns*/ select, .horizontal_container .field_block input, .horizontal_container .field_block textarea{ color:#f00f00; font-size:16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; } As always, here are a few resources to help you customize the CSS and...
Looking to add a little pizazz to the submit button for your Promotion or Custom Form on ShortStack? Pop the CSS below into your CSS Editor in ShortStack to customize your submit button, and make it stand out on your app. .ss_box .form_submit{ border: solid 1px #000000; /* border color, size, and line style */ background:#dd0000; /* background color of...
Are people not seeing the Login with Facebook button in your Promotion form? Use some CSS to draw more attention to it! Customizing the appearance of this button is much like styling the Share and Invite Friends buttons, with just some tiny tweaks. /*Facebook Connect Button*/ .ss_box .facebook_id_field_block a{ color:#ff00ff; /*font color*/ background:#ffff00; /*button color*/ border: solid 1px #000000; /* border color, size, and...
Just because the Facebook disclaimer text is required for every contest, that doesn't mean it can't look good! Style it with the following CSS: /*Style Promotion Disclaimer Text*/ .ss_promotion_disclaimer{ color: #CCCCCC; /*Color of Disclaimer Text*/ font-size:10px; /*Font Size of Disclaimer Text*/ font-family: Arial, Helvetica, sans-serif; /*Web Safe Font Family of Disclaimer Text*/ } You can use the following guides to help you choose a great...
We receive a number of requests from users every day asking for help customizing the Share link on their ShortStack apps. The process is much like the Links Widget, but there are a few differences to keep in mind. .ss_box .share_link{ border: solid 1px #000000; /* border color, size, and line style */ background:#dd0000; /* background color of the Share link...
Want to spice up your form fields a bit? Try changing the border color! It's easy, just drop the following CSS into your CSS Editor and choose the color you'd like to use: /*Form/Promotion Form Input Field*/ input, select, textarea{ border-color:#ff00ff; /*Determines color of border*/ border-width: 1px; /*Sets border thickness*/ border-style: solid; /*Styles the border*/ } Check out this Hex Value guide from w3schools.com: https://www.w3schools.com/cssref/css_colors.asp to find the Hex Value...
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...
Want to change the background color, size, font, shape or link color of your links when using the Links Widget? It's not as hard as it seems! Use this bit of CSS to create a more customized appearance: .ss_links a{ border: solid 4px #ff0000; /* border designates the border color, size, and line style */ background:#000000; /* this controls the background...
