ページ背景の上で記事本文の背景色を変更したい

  • 解決済 mayayamato

    (@mayayamato)


    6年、 10ヶ月前

    初めての質問になります.

    Wordpress:5.3
    使用テーマ:Lightning 7.1.1
    OS：Debian(※自宅サーバー)
    PHP:7.0
    Mysql:15.1 Distrib 10.1.23-MariaDB

    このページみたいにページ背景の上に記事本文の背景箇所だけ白にする,といったカスタマイズがしたいです.

    こういったサイトの記事(ほかにも多々)を読んで,書いてあるコードをstyle.cssに記述したり等試してみたのですが,そもそも設定した色通りの背景にすらならず,困っています.

    #content {
    background-color: #ffffff;
    padding: 10px;
    border : 1px #eeeeee solid;
    border-radius: 10px;
    margin-bottom:20px !important;
}
#sideTower {
    background-color: #ffffff;
    padding-top: 10px;
    border : 1px #eeeeee solid;
    border-radius: 10px;
    margin-bottom:20px !important;
}
.sideWidget{
   margin-left:10px !important;
   margin-right:10px !important;
}
#fb-like-box{
   margin-left:10px ;
}

    知恵を貸していただけると幸いです.
    よろしくお願いします.

    • このトピックはmayayamatoが6年、 10ヶ月前に変更しました。
    • このトピックはmayayamatoが6年、 10ヶ月前に変更しました。
    • このトピックはmayayamatoが6年、 10ヶ月前に変更しました。
    • このトピックはmayayamatoが6年、 10ヶ月前に変更しました。
3件の返信を表示中 - 1 - 3件目 (全3件中)
  • ishitaka

    (@ishitaka)

    6年、 10ヶ月前

    こんにちは

    下記 CSS ではどうでしょうか？

    #main {
	padding: 15px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 5px #c2c2c2;
}
    DRILL LANCER

    (@rickaddison7634)

    6年、 10ヶ月前

    下記の様な感じでいかがでしょうか？

    functions.php

    add_theme_support( 'custom-background' );

    カスタムCSS

    .mainSection,
.subSection{
	padding: 15px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 0 5px #c2c2c2;
}

    WordPressテーマのCSSをカスタマイズする際はこちらの記事が参考になると思います。
    （一応 Lightning の作者の公式サイトの記事です。）

    • この返信は6年、 10ヶ月前にDRILL LANCERが編集しました。
    トピック投稿者 mayayamato

    (@mayayamato)

    6年、 10ヶ月前

    皆様 返信が遅れてしまい申し訳ありません…

    無事,本文背景個所のみ白背景にすることができました.

    ありがとうございました.

3件の返信を表示中 - 1 - 3件目 (全3件中)

トピック「ページ背景の上で記事本文の背景色を変更したい」には新たに返信することはできません。