オーバーレイ広告の閉じるボタンが表示されなくなりました

PR 2018/5/22

このトピックには7件の返信、1人の参加者があり、最後にtotoにより7年、 11ヶ月前に更新されました。

7件の返信スレッドを表示中

投稿者

投稿
- 2018年5月20日 12:14 PM #60053
  toto
  ゲスト
  WordPress WordPress 4.9.5
  Simplicity2 childバージョン: 20161002
  Chrome バージョン: 66.0.3359.139
  
  Simplicity2を提供して頂いていてありがとうございます。
  
  これまでフォーラムは見る専門だったのですが、今回、調べても解決方法が見つけ出せず困ってしまいましたので、質問させていただきます。
  どうぞよろしくお願い致します。
  
  お聞きしたいのは、オーバーレイ広告の閉じるボタンに関してなのですが、先週（5/6頃）までは表示されていたのですが、昨日オーバーレイ広告の画像を入れ替えた際に確認したところ、表示されなくなってしまいました。
  （スマホ（android　Chrom）で確認すると、一旦表示されるのですが、閉じるボタンだけすぐに消えてしまいます。）
  
  コードは、以下のとおりなのですが、対応方法がわかりましたら教えていただけますと幸いです。
  
  対象サイト（ページ）：https://rirori03.xsrv.jp/post-123-123.html
  style.css
```
#bannerin
{
margin: 0 auto;
padding: 0;
width: 100%;
overflow: hidden;
display: table;
position: fixed;
bottom: 0;
left:0;
background: rgba(255, 255, 255, 0.92);
z-index: 9999;
line-height:0;
}

#closebanner

{
    width: 20px;
    position: fixed;
    right: 0px;
    bottom: 1px;
    z-index: 999;
    text-align: right;
    padding: 0 auto;
}
```
- 2018年5月20日 12:19 PM #60054
  
  toto
  ゲスト
  
  すみません。
  footer-insert.phpの記述を投稿したいのですが、403エラーで投稿できませんでした。
- 2018年5月20日 9:41 PM #60056
  
  Akira
  ゲスト
  
  1 番最後の padding: 0 auto; がおかしいです。 padding 0; にすると、ボタンが表示されます。
  
  margin と違い、 padding には auto は指定できないんです。
- 2018年5月21日 9:21 PM #60062
  
  toto
  ゲスト
  
  Akira様
  
  早速の投稿ありがとうございます。
  ただ、ご指摘のとおり最後を「padding: 0;」に修正してみたのですが、やはり表示されません。
- 2018年5月21日 10:49 PM #60063
  Akira
  ゲスト
  サイトを拝見しましたが、まだ padding: 0 auto; になっています。下記のように指定します。
```
#closebanner {
  padding: 0;
}
```
- 2018年5月22日 10:36 AM #60064
  Akira
  ゲスト
  どのようにスタイルされたいのかが分かりませんが、下記のような CSS でどうでしょうか。
```
#bannerin {
  background: rgba(255, 255, 255, 0.92);
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;    
  z-index: 9999;
}

#closebanner {
  position: absolute;
  right: 16px;
  top: 0;
  width: 20px;
}
```
- 2018年5月22日 7:34 PM #60067
  かうたっく
  ゲスト
  オーバーレイ広告の閉じるボタンが表示されなくなりました
  
  チラ見しかしてませんが、表示させるだけでしたら以下CSSで表示できましたけど、どうですかね？ダメならそのaタグを指定してみるなど。
```
#closebanner {
	display: block;
}
```
  footer-insert.phpの記述を投稿したいのですが、403エラーで投稿できませんでした。
  
  セキュリティ系が効いてるのでプラグインの仕業でなければ、エックスサーバーのFTPに制限をかけてませんか？例えばIP制限をかけてたけど、IPアドレスが変わったなど。の可能性はないですか？
- 2018年5月22日 9:02 PM #60071
  
  toto
  ゲスト
  
  Akira様
  
  ご提示いただいたcssを用いたところ、希望通りの表示がされるようになりました！
  ありがとうございます。
  
  なお、理由は不明なのですが、その後、前のcssの記述に戻してみたところ、また以前の
  ように、閉じるボタンも適正に表示されるようになりました。
  （paddingのautoを消すことについても、当方では更新したつもりでしたが、Akira様に確認
  して頂いた際に、更新されていなかったということからして、cssの更新がうまくいかないか
  ラグが発生している？のでしょうか。。）
  
  いずれ、閉じるボタンの位置など微調整したうえで、また利用していきたいと思います。
  本件につきましては、何度も速やかなご投稿ありがとうございました。
  
  かうたっく様
  投稿ありがとうございます。
  ご提示頂いた記述にしたところ、閉じるボタンは表示することができました。
  ボタンの位置調整などがあることから、Akira様にご提示いただいたcssをベースに
  調整したいと思いますが、ご投稿ありがとうございました。
投稿者

投稿