Style Guide (Old)
Containers
Containers
We've created Atlas Controls as a way to extend the Elementor Container widget.
Spacing
Controls for spacing outer and inner sections.
Also includes additional controls to remove space directly to the top or bottom of a section.
Inner sections also have a switcher setting for adding a controlled margin above (“Add Margin Above”).
Default
Normal
Small
Medium
Large
Huge
Color Modes
Apply color modes with automatic text color adjustments. Works with sections and columns.
Default
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Light
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Gray
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Primary
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Dark
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Deep Electric Blue
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Cream
Odio morbi quis commodo odio. Interdum velit laoreet id donec ultrices tincidunt. Et malesuada fames ac turpis egestas maecenas. Volutpat est velit egestas dui id ornare arcu odio. Sem et tortor consequat id porta nibh venenatis. Ut sem nulla pharetra diam sit amet nisl suscipit.
Accumsan lacus vel facilisis volutpat est. Scelerisque varius morbi enim nunc faucibus a. Ligula ullamcorper malesuada proin libero nunc consequat.
Sociis natoque penatibus et magnis dis parturient montes.
Velit scelerisque in dictum non consectetur a erat nam at. Nunc mi ipsum faucibus vitae aliquet. Mattis aliquam faucibus purus in massa tempor. Pretium quam vulputate dignissim suspendisse in est ante in. Lectus sit amet est placerat in egestas. Sodales ut etiam sit amet nisl. Pulvinar etiam non quam lacus suspendisse faucibus interdum posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
Backgrounds
Atlas Controls for globally applying backgrounds
