/* /* 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 5, 2023

Using CMS for E-commerce Websites

Using CMS for E-commerce Websites

Content Management Systems are not just for blogs; they can also power e-commerce websites. Here’s how:

  • Product Management: Easily add, edit, and manage product listings.
  • Payment Integration: Many CMS platforms offer plugins for secure payment processing.
  • Inventory Tracking: Keep track of stock levels and sales.
A CMS can streamline your e-commerce operations.

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.

Request a Media Kit