サポート » 使い方全般 » アフィリエイトリンクに□が追加されてしまう。

  • 解決済 ceeh

    (@ceeh)


    現在、テーマContrast Style 1.1を利用しています。

    アフィリエイトのリンクを追加するとテキストの前に四角が追加されてしまいます。
    テーマをContrast Style 1.1に変更してから四角が表示されるようになりました。
    他のテーマに変更すると消えます。
    cssファイルやindex.phpファイルなど探しましたが良く分からないです。

    四角が出ないようにしたいです。宜しくお願いします。

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

    (@popup)

    リンクをどこにどのように追加しているのでしょう?
    olタグの各リスト項目liに指定されている’list-style:square’が原因だと思いますが、ここを変更すると他の箇所にも影響が出てしまいます。
     
    style.css 284行目~ 

    ol{
         }
         li
    	 {
    	list-style:square;

     
    リンク出力のタグをulに変更するか、あるいはリンク用のolに独自にクラスまたはIDを付与して、専用のCSSを追加してはいかがでしょうか?
    CSSの書き方などは、検索して調べてみてください。
    CSSの基本 – HTMLクイックリファレンス
    スタイルシートリファレンス(ABC順) – HTMLクイックリファレンス
    スタイルシートリファレンス(目的別) – HTMLクイックリファレンス

    popup

    (@popup)

    ul、ol関係なく、すべてのliのリストスタイルにsquareが指定されていますね。
    すみません。読み間違えました。
    アフィリエイトのリンク用のolまたはulに独自にクラスまたはIDを付与し、それに対してスタイルを指定して対処してください。
     
    ulあるいはolタグを変更することが出来なければ、独自のクラスまたはIDを付与したdivの中に、アフィリエイト用のリンクを表示するといいです。

    <div id="ads-link">
    <!-- このボックス内にアフィリエイトの記述 -->
    </div>

     
    上記のように、ID’ads-link’が指定された要素の中にアフィリエイトのリンクを表示するようにした場合、以下のようなスタイルをstyle.cssに追加すると、リストマークは表示されません。

    #ads-link ul li,#ads-link ol li {
         list-style:none;
    }

    トピック投稿者 ceeh

    (@ceeh)

    お返事ありがとうございます。
    アフィリエイトリンクは記事の中に入れました。

    タグを追加しましたが変化しませんでした。
    試しにcssにあるsquareを削除しましたが
    liにある□しか消えなかったです。

    アフィリエイトリンクの中にimgがあったのでそれが原因かなと思って
    cssの中にあるimgをいくつか削除してみるとアフィリエイトにある□が消えました。

    どうもありがとうございました。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「アフィリエイトリンクに□が追加されてしまう。」には新たに返信することはできません。