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
Länk till Divi´s ikoner
https://www.elegantthemes.com/blog/resources/elegant-icon-font
- 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;
}
}
