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 的搭配,可以讓我們很輕鬆的就建立好一個專業又優雅的網站,所以特別來推薦給大家!

相關文章

Add Social Icons Primary Menu 選單新增社群圖示

Add Social Icons Primary Menu 選單新增社群圖示

Add Social Icons Primary Menu 在選單上新增社群圖示,讓訪客的互動可以更方便!Divi 佈景主題內建就支援幾款常見的社群圖示,有 Facebook、Twitter、Google+、Instagram(圖一、圖二),不過其中的 Google+ 消費者 (個人) 版在 2019 年 4 月 2 日已經停止服務。

read more
Divi Child Theme Guide 如何建立子佈景主題

Divi Child Theme Guide 如何建立子佈景主題

Divi Child Theme Guide 在開始網頁設計之前,建立一個子佈景主題,是必要的步驟。Divi 佈景主題是一款非常優秀的付費佈景主題,透過內建強大的功能設計,可以很輕鬆的就建置好一個專業又漂亮的網站。

read more

最新留言

0 Comments

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

3 + 9 =