Skapa linje mellan kolumner

Nedan kod placeras i row settings/css/after

content: '';
display: block;
height: 60px;
width: 1px;
position: absolute;
background:#343434;
top: 50%;
right:-17px;
transform: translateY(-50%);

Your content goes here. Edit or remove this text inline or in the module Content settings.

Your content goes here. Edit or remove this text inline or in the module Content settings.

Your content goes here. Edit or remove this text inline or in the module Content settings.

Punktlista

Med ikonpunkter och vänstermarginal

  • Your content goes here. Edit or remove this text inline or in the module Content settings.
  • Your content goes here. Edit or remove this text inline or in the module Content settings.
  • Your content goes here. Edit or remove this text inline or in the module Content settings.

.et_pb_module.et_pb_text ul {
list-style-type: none !important;
padding-right: 2em!important;
padding-left: 2.5em !important;
}

.et_pb_module.et_pb_text ul li:before {
content: '\35'!important;
color: #000000;
font-family: 'ETMODULES'!important;
margin-right: 15px!important;
margin-left: -35px!important;
font-size: 1.2em!important;
font-weight:400
}

Vertical Align

Mittcentrera hela kolumnen

display: flex;
flex-direction: column;
justify-content: center;

även "margin:auto" funkar om Equalizer column heights "yes" under Row settings/design valts.

Vertical Align

För moduler m.m.

För att få till knappar m.m. vertikalt i samma höjd.

Klicka i Equalizer column heights "yes" under Row settings/design.

Lägg även in nedan kod i varje kolumns css-ruta under avancerat.

display: flex;
flex-direction:column

-----

Ge värdet nedan till dom moduler som skall ordnas

Design/Spacing/Margins
---------------------------------
margin-top:auto

Advanced/Module elements/Main element
-----------------------------------------------------------
display: flex;
flex-direction:column

Font Awesome Ikoner

/* Ikoner */
i {color:#000000;}
i.dark {color:#000000}
i.light {color:#ffffff}
i.before {padding-right:10px}
i.after {padding-left:10px}

Mapmarker: 

Phones:

Chat/kontakt:

Time:

image: 

E-mail:

Home:

Send:

Check:

Shopping:

Shield/Award:

Info:

Square:

File:

Links:

Socials:

Thumbs:

User/person:

Numbers: ...

Letter: ...

Arrows:

Arrows long:

Angels:

add spacing to the top of a list

/*add spacing to the top of a list*/
.et_pb_post_content .et_pb_text ol,
.et_pb_post_content .et_pb_text ul {
margin-top: 20px !important;
}

p+ul, p+ol {margin-top: 20px!important;}
ul+p, ol+p {margin-top: 30px!important;}

Mobile Columns

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
.two-col-mob .et_pb_column {
width:47.25% !important;
}
.two-col-mob .et_pb_column:nth-last-child(-n+2) {
margin-bottom:0;
}
.two-col-mob .et_pb_column:not(:nth-child(2n)) {
margin-right:5.5% !important;
}
}
/* 3 Columns Mobile */
@media all and (max-width: 767px) {
.three-col-mob .et_pb_column {
width:29.6667% !important;
}
.three-col-mob .et_pb_column:nth-last-child(-n+3) {
margin-bottom:0;
}
.three-col-mob .et_pb_column:not(:nth-child(3n)) {
margin-right:5.5% !important;
}
}
/* 4 Columns Mobile */
@media all and (max-width: 767px) {
.four-col-mob .et_pb_column {
width:20.875% !important;
}
.four-col-mob .et_pb_column:nth-last-child(-n+4) {
margin-bottom:0;
}
.four-col-mob .et_pb_column:not(:nth-child(4n)) {
margin-right:5.5% !important;
}
}
/* 5 Columns Mobile */
@media all and (max-width: 767px) {
.five-col-mob .et_pb_column {
width:15.6% !important;
}
.five-col-mob .et_pb_column:nth-last-child(-n+5) {
margin-bottom:0;
}
.five-col-mob .et_pb_column:not(:nth-child(5n)) {
margin-right:5.5% !important;
}
}
/* 6 Columns Mobile */
@media all and (max-width: 767px) {
.six-col-mob .et_pb_column {
width:12.083% !important;
}
.six-col-mob .et_pb_column:nth-last-child(-n+6) {
margin-bottom:0;
}
.six-col-mob .et_pb_column:not(:nth-child(6n)) {
margin-right:5.5% !important;
}
}

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.one-col-tab .et_pb_column {
margin-right:0 !important;
width:100% !important;
}
.one-col-tab .et_pb_column:not(:last-child) {
margin-bottom:30px !important;
}
}
/* 2 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.two-col-tab .et_pb_column {
width:47.25% !important;
}
.two-col-tab .et_pb_column:nth-last-child(-n+2) {
margin-bottom:0;
}
.two-col-tab .et_pb_column:not(:nth-child(2n)) {
margin-right:5.5% !important;
}
}
/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.three-col-tab .et_pb_column {
width:29.6667% !important;
}
.three-col-tab .et_pb_column:nth-last-child(-n+3) {
margin-bottom:0;
}
.three-col-tab .et_pb_column:not(:nth-child(3n)) {
margin-right:5.5% !important;
}
}
/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.four-col-tab .et_pb_column {
width:20.875% !important;
}
.four-col-tab .et_pb_column:nth-last-child(-n+4) {
margin-bottom:0;
}
.four-col-tab .et_pb_column:not(:nth-child(4n)) {
margin-right:5.5% !important;
}
}
/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.five-col-tab .et_pb_column {
width:15.6% !important;
}
.five-col-mob .et_pb_column:nth-last-child(-n+5) {
margin-bottom:0;
}
.five-col-tab .et_pb_column:not(:nth-child(5n)) {
margin-right:5.5% !important;
}
}
/* 6 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
.six-col-tab .et_pb_column {
width:12.083% !important;
}
.six-col-tab .et_pb_column:nth-last-child(-n+6) {
margin-bottom:0;
}
.six-col-tab .et_pb_column:not(:nth-child(6n)) {
margin-right:5.5% !important;
}
}