Fancier Author Boxの崩れた表示を直す方法

WordPressプラグイン「Fancier Author Box」の表示が崩れた時の対処法です。

導入すると、記事下にプロフィール欄を表示する事ができます。

あれっ?でも表示がおかしい!

上のタブ部分と、プロフィール欄が離れてしまっています。これを修正しましょう。

fancier-author-box_01

 

スポンサーリンク

プラグインファイルの編集

fancier-author-box_02

WordPress管理画面のプラグインプラグイン編集を選択。

 

fancier-author-box_03

プラグイン編集画面の右上、編集するプラグインを選択の項目で、Fancier Author Boxを選択。

プラグインファイルの、fancier-author-box/css/ts-fab.cssをクリック。  

 

cssの編集

「/* Tabs list */」の箇所を修正します。

変更前

/* Tabs list */ .ts-fab-list {

overflow: hidden;

margin: 0px !important;

padding: 0 0 0 5px; }

 

変更後

/* Tabs list */ .ts-fab-list {

overflow: hidden;

margin: -20px !important;

padding: 0 0 0 5px; }

margin: 0pxから、margin: -20pxに変更しました。

fancier-author-box_04

 

スポンサーリンク

プロフィール

iMacと猫が好きな完全インドア派。

コメントを残す