Additional CSS for this page (adjusting image sizes and margin for layering cards)

Solutions & Services

IT Solutions

We design, orchestrate and manage customized services and solutions for organizations big and small. Let CDW focus on the IT business, so you can grow yours.
 

Ready to Get Started With a Custom IT Solution?

Contact your account manager, or give us a call.

Call 800.800.4239

Ready to Get Started With a Custom IT Solution?

800.800.4239

CSS - APPLY GRID TO PAGES WITH CARDS


Custom Cards CSS


Temp Hotzone Button Styling

 

Additional CSS for updating global styles

 

Curved Mask Information & Instructions

To use the curved mask, you will need both the CSS in this component and the HTML component below it. The HTML component holds the SVGs that will be used as a clipping mask for the hero section, while the CSS pulls the ID of the SVGs to use its path as a clipping mask using"-webkit-clip-path: url(#hero-mask-svg);". This section is hidden so it is only visible in the editor mode, but the HTML component needs to be visible or the SVG will not display. You will need to add the class "hero-mask-container" to your hero section.

(This is a temporary workaround until an option is available in AEM)
 


Curved Hero Mask CSS Below

 

Curved Hero Mask HTML Below

Contact Us

Ready to Get Started With a Custom IT Solution?

Reach your business goals with the help of our IT experts.

Ways to reach us:

/
Complete the form and an IT solutions expert will reach out to you soon
/
Or give us a call at 800.800.4239