Divi Vertically Align Content – 文字內容置中

Divi Vertically Align Content - 文字內容置中
日期:2020-08-04
作者:max
分類:技巧提示

這是一個經常在 Divi 編輯器中常見的功能,在圖片右側展示文字內容。

今天我們將分享一個簡單的技巧設定,讓文字內容可以置中展示,讓圖片與文字陳列更顯得平衡,有興趣的朋友可以參考一下。

  • 修改前的圖片與文字內容,對齊方式是最上方的展示效果如下。
修改前的圖片與文字內容,對齊方式是最上方的展示效果如下。

 

2. 修改後的圖片與文字內容,文字置中的展示效果。

修改後的圖片與文字內容,文字置中的展示效果。

 

3. 要建置這個效果的步驟如下:

  • 開啟 Row Settings/Design/Equalize Column Heights,請啟用(YES)。
Row Settings/Design/Equalize Column Heights

 

  • 接著點選 Row Settings/Content,第二欄的設定。
點選 Row Settings/Content

 

  • 接下來 Column Settings 點選 Advanced/Custom CSS/Main Element,填入式樣語法 margin: auto; 存檔後,這樣就完成了。
填入式樣語法 margin: auto;

max

Hi 大家好,我是 Max,這個網站要跟大家介紹的 Divi 佈景主題,實在是因為它與 WordPress 的搭配,可以讓我們很輕鬆的就建立好一個專業又優雅的網站,所以特別來推薦給大家!

相關文章

Spa Layout Pack for Divi

Spa Layout Pack for Divi

Elegant Themes 上週發佈了一套非常漂亮的網站範本 Spa Layout Pack,提供了七個頁面範例,可以直接匯入套用,有使用 Divi 的朋友不要錯過了。 -...

read more

有任何 Divi 或是網頁設計問題,都歡迎透過表單隨時與我聯繫。

11 + 6 =