一行表示(non-breaking 行内で改行しない部品)

7月 22, 2024 | Wordpress

By yumetool

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

cropped Speed

メニュー❶

カスタムCSS

/*** Change Mobile Columns By DiviMundo.com ***/

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
html .et-db .two-col-mob .et_pb_column {
width:48.00% !important;
}

html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
margin-bottom:0;
}

html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
margin-right:3.5% !important;
}
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
html .et-db .three-col-mob .et_pb_column {
width:31.5% !important;
}

html .et-db .three-col-mob .et_pb_column:nth-last-child(-n+3) {
margin-bottom:0;
}

html .et-db .three-col-mob .et_pb_column:not(:nth-child(3n)) {
margin-right:1.5% !important;
}
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
html .et-db .four-col-mob .et_pb_column {
width:24.0% !important;
}

html .et-db .four-col-mob .et_pb_column:nth-last-child(-n+4) {
margin-bottom:0;
}

html .et-db .four-col-mob .et_pb_column:not(:nth-child(4n)) {
margin-right:1.0% !important;
}
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
html .et-db .five-col-mob .et_pb_column {
width:19.0% !important;
}

html .et-db .five-col-mob .et_pb_column:nth-last-child(-n+5) {
margin-bottom:0;
}

html .et-db .five-col-mob .et_pb_column:not(:nth-child(5n)) {
margin-right:1.0% !important;
}
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
html .et-db .six-col-mob .et_pb_column {
width:15.8% !important;
}

html .et-db .six-col-mob .et_pb_column:nth-last-child(-n+6) {
margin-bottom:0;
}

html .et-db .six-col-mob .et_pb_column:not(:nth-child(6n)) {
margin-right:0.70% !important;
}
}

/*** Change Tablet Columns By DiviMundo.com ***/

/* 1 Column Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .one-col-tab .et_pb_column {
margin-right:0 !important;
width:100% !important;
}

html .et-db .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) {
html .et-db .two-col-tab .et_pb_column {
width:47.25% !important;
}

.two-col-tab .et_pb_column:nth-last-child(-n+2) {
margin-bottom:0;
}

html .et-db .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) {
html .et-db .three-col-tab .et_pb_column {
width:32.0% !important;
}

html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
margin-bottom:0;
}

html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
margin-right:4.5% !important;
}
}

/* 4 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .four-col-tab .et_pb_column {
width:23.00% !important;
}

html .et-db .four-col-tab .et_pb_column:nth-last-child(-n+4) {
margin-bottom:0;
}

html .et-db .four-col-tab .et_pb_column:not(:nth-child(4n)) {
margin-right:2.5% !important;
}
}

/* 5 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
html .et-db .five-col-tab .et_pb_column {
width:15.6% !important;
}

.five-col-mob .et_pb_column:nth-last-child(-n+5) {
margin-bottom:0;
}

html .et-db .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) {
html .et-db .six-col-tab .et_pb_column {
width:12.083% !important;
}

html .et-db .six-col-tab .et_pb_column:nth-last-child(-n+6) {
margin-bottom:0;
}

html .et-db .six-col-tab .et_pb_column:not(:nth-child(6n)) {
margin-right:5.5% !important;
}
}

0コメント

コメントを提出

メールアドレスが公開されることはありません。 が付いている欄は必須項目です