EC-CUBE 開発コミュニティ

質問 > その他 > "現在カート内に商品はございません。"の背景の余白（左右）を減らす方法

その他

投稿者	スレッド
ゲスト	投稿日時: 2016/12/18 19:00 対応状況: −−−
	"現在カート内に商品はございません。"の背景の余白（左右）を減らす方法 html\template\default\css\style.cssの3438行目にあるpaddingを変更すると上下は短くできるのですが、左右を短くすることができません。別の個所を変更する必要があると思うのですが、どこかご存知の方がいましたらご教示ください。 `.message .errormsg { padding: 16px; }` `.message .errormsg { padding: 0px; }` `.message .errormsg { padding-top: 16px; padding-bottom: 16px; }` `.message .errormsg { padding: 160px; }` ------------------------------------------------------------------------------------------ [EC-CUBE]3.0.12-p1 新規インストール [レンタルサーバ]Lv9ホスティング [OS] Linux freeweb20.byetcluster.com 2.6.32-531.29.2.lve1.3.11.1.el6.x86_64 #1 SMP Thu Dec 18 06:49:17 EST 2014 x86_64 [データベース] MySQL 5.6.32-78.0 [WEBサーバ] Apache 2.4.178 [ブラウザ] Chrome 54.0.2840.99 m (64-bit) [導入プラグインの有無] なし [カスタマイズの有無]] メールテンプレート管理プラグイン,mail.ymlの編集,ヘッダーとフッダーのレイアウト変更 [PHP] 5.6.23 (Core, date, ereg, libxml, openssl, pcre, sqlite3, zlib, bcmath, calendar, ctype, curl, dom, hash, fileinfo, filter, ftp, gd, gettext, SPL, iconv, session, intl, json, mbstring, mcrypt, standard, mysqlnd, mysqli, mysql, PDO, pdo_mysql, pdo_sqlite, Phar, Reflection, imap, SimpleXML, soap, exif, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, apache2handler, phalcon, ionCube Loader, Zend Guard Loader ------------------------------------------------------------------------------------------

hiroo	投稿日時: 2016/12/19 11:18 対応状況: −−−
長老登録日: 2016/6/9 居住地: 投稿: 160	Re: "現在カート内に商品はございません。"の背景の余白（左右）を減らす方法 `.message .errormsg { margin: 0 auto; padding: 16px; width: 300px; }` これでいかがでしょうか。 widthで幅を指定して、marginでセンターに寄せています。

ゲスト	投稿日時: 2016/12/19 14:44 対応状況: −−−
	Re: "現在カート内に商品はございません。"の背景の余白（左右）を減らす方法返信ありがとうございます。このようになり、左右の余白は減りませんでした。 `.message .errormsg { margin: 0 auto; padding: 16px; width: 300px; }` `.message .errormsg { margin: 0 auto; padding: 16px; width: 0px; }` `.message .errormsg { margin: 0 auto; padding: 0px; width: 0px; }`

468	投稿日時: 2016/12/19 15:52 対応状況: −−−
神登録日: 2008/10/26 居住地: 投稿: 3217	Re: "現在カート内に商品はございません。"の背景の余白（左右）を減らす方法 default.cssの389行目付近の以下のmin-widthが効いているようです。 `#cart_area p { border: 1px solid #d9d9d9; float: right; min-width: 256px; }` ただ、この記述を削除すると右上の金額を表示しているエリアの幅も変わりますので、調整してください。 ---------------- 株式会社シロハチ ■ECCUBE2系、3系構築カスタマイズご相談ください。 ■EC-CUBE3マニュアル ■blog

ゲスト	投稿日時: 2016/12/19 17:29 対応状況: −−−
	Re: "現在カート内に商品はございません。"の背景の余白（左右）を減らす方法ありがとうございます。次のように変更することで、解決しました。 `#cart_area p { float: center; min-width: 200px; }` `#cart_area p.cart-trigger { position: absolute; right: 65px; min-width: 256px; }`