You are viewing the OptimizePress 2.0 Help center. Click here for OptimizePress 3.0 support.

Quick banner customizations

Some quick banner customisation :

Removing extra vertical spaces from banner

.banner {
  padding: 10px 0;
}

Semi-transparent banner

.banner {
  background: rgba(255,255,255,0.7)!important;
}

Adding a shadow to the banner

.banner {
  box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}

Sticky banner

.banner {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.09);
}

For a smoother sticky banner, please see this article :
Sticky Banner

Was this article helpful?

Related Articles

Support Discontinued
As a discontinued platform, OptimizePress 2.0 is no longer officially supported. We recommend upgrading to our new OptimizePress suite. Click the button below to see our latest plans
Upgrade to OptimizePress 3.0