Elementor ポストウィジェットの日付をタイトルの上にしたい場合

ポストウィジェットを配置するとタイトルの下に日付が表示されます。
日付を上にする設定がないため、カスタムCSSを使って実現させます。
※バージョンアップして設定ができそうな気しますがw

 

ポストウィジェットの
詳細>カスタムCSS へ以下を入れると日付をタイトルの上に入れる事ができます。
一つの記事を覆う.elementor-post__textクラス。
タイトルの .elementor-post__title クラス。
日付の .elementor-post__meta-dataクラス。
ですね。

.elementor-post__text {
position: relative;
}

.elementor-post__title {
margin-top: 20px !important;
display: inline-block;
}

.elementor-post__meta-data {
position: absolute;
top: 0;
}

デモはこちら

 

日付のフォーマット(2020年1月19日や2020-01-19とか)を変更したい場合は、Elementorの設定ではないですが
WordPress>設定>一般>日付のフォーマットより変更します。

 

 

Elementorカテゴリ

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.