透明色のフロントページが完成！

作業中、いろんな出来事があったけど自分でも気に入ったフロントページが出来上がった。 ほぼ作業が終わり、最終的な確認のためフロントページに戻るとプラグイン部分の画像枠が太い白色、フッター内のウイジェットに 「slidebar-2」と表示されたボックスができていて、投稿ページのサイド枠も同じ太線でが囲まれていたのには驚いた。

順序だてた作業（コード修正＆追記、プラグインの修正＆訂正、対話式Google AIの助言で修正＆コード追記）

１．公開した投稿ページに支障のないようにした。
　CSS コード（boxw、float） をベースにコピーして透明色（transparet）に修正、コード名を（コード名_b）ちなみに（コード名_a）は半透明用。
　border: transparent;
　background-color: transparent;
2．貴重なプラグイン（Resent Posts Extended）は、ウイジェットから 「Resent Post Extened のstyle欄から修正。
　.rpwe-thumb{
　border: 1px solid #eee !important;　→　＃部分を削除、transparent に変更
　box-shadow: none !important;
　margin: 2px 10px 2px 0;
　padding: 3px !important;
　}
　.rpwe-block li {
　margin: 0 0 .4em 0!important;
　padding: 0 0 2px 0!important;
　border-top: none!important;　　　→　必要なら none を transparent
　border-bottom: none!important;   →　必要なら none を transparent
　}
　3. 画像枠が太い白色に変わったので修正した。
　.entry-content img,
　　.widget img {
　border: none !important;
　box-shadow: none !important;
　padding: 0;
　}

実は外観ーウイジェットで変更や修正しなければいけないのをすっかり忘れていたのが原因なのだ。最初にプラグインを停止してからプラグインファイルエディターの style での変更箇所を元に戻した後、外観ーウイジェット内にある 「Resent Posts Extended」の Style 欄をオープンして修正する事で全てを直すことができた。

※ とにかく焦りがあったけど、対話式Google AI に聞いて貴重な問題点やヒント、修正方法などを得ることが出来た。