/* /* Utility / Flip - hide the element */ [data-wf--utility-flip--variant] { display: none; } /* ================================================ MOBILE SCALING ================================================ */ @media (max-width: 991px) { /* Corner positions */ [data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) { transform: scale(0.75); } /* Corner positions with flip */ [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) { transform: scaleX(-1) scale(0.75); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) { transform: scaleY(-1) scale(0.75); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) { transform: scale(-0.75, -0.75); } /* Center positions */ [data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) { transform: translateX(-50%) scale(0.75); } [data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) { transform: translateY(-50%) scale(0.75); } [data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) { transform: translate(-50%, -50%) scale(0.75); } } @media (max-width: 767px) { /* Corner positions */ [data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) { transform: scale(0.5); } /* Corner positions with flip */ [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) { transform: scaleX(-1) scale(0.5); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) { transform: scaleY(-1) scale(0.5); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) { transform: scale(-0.5, -0.5); } /* Center positions */ [data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) { transform: translateX(-50%) scale(0.5); } [data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) { transform: translateY(-50%) scale(0.5); } [data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) { transform: translate(-50%, -50%) scale(0.5); } } */
Oct 6, 2023

Customizing Your CMS for Better Performance

Customizing Your CMS for Better Performance

Customization can significantly improve your CMS's performance. Here are some strategies:

  • Choose the Right Theme: Select a theme that aligns with your brand and is optimized for speed.
  • Optimize Images: Use compressed images to reduce load times.
  • Limit Plugins: Only use essential plugins to avoid slowing down your site.
Customization is key to maximizing your CMS's potential.

Plan a campaign with measurable goals

Request a curated PMP with screens matched to your KPIs. We'll recommend venue types, formats, and measurement approaches based on whether you're driving awareness, traffic, or conversions.