Popular Custom CSS Tricks

IMPORTANT: This article applies to our old Widget product, which will be phased out during 2020 in favor of our new and improved widget tool Onsite Campaigns. Read more, and learn about the Onsite Campaign Product here.

Widgets can be completely customized using CSS, only the sky is the limit! But if you haven't spent much time designing websites or are very familiar with CSS, it might be a good start to learn the basics. The Triggerbee support is always there to help too.

Here are some easy copy+paste CSS examples for some of the most common design elements in Widgets. Locate your widget, go to Appearance and Advanced CSS - and start coding!

Straight corners on your button

#mtr-conversion button{
	border-radius: 0px;

Smaller button

#mtr-conversion button{
	max-width: 200px;

Mobile device-specific CSS

@media screen and (max-width: 767px) {
  /* add your mobile specific CSS here */ 

Still need help? Contact Us Contact Us