2017-07-10 20 views
0

私は自分のウェブサイトhereを持っており、CSSに関する小さな問題を発見しました。CSSテンプレートの問題を修正/上書きする方法

[既存のアカウントクライアント]の上にある[お支払い方法]セクション(下部)には、説明の左側が切れています。

偽の情報を入力し、[価格を表示]をクリックして、車両を選択する必要があります。

<a href="javascript:void(0);" class="payment_desc" title="" data-original-title="Please enter your customer account name/number in the messages section of the booking form.">Existing Account Client</a>

私はそれをどのように修正すればよいですか?

+0

JSフィドルを作成するか、コードを投稿してください。どのようにCSSの問題が分かっているのですか? – hansTheFranz

+0

私のポストにはリンクがあります。リンクに従ってください! – Alice

+0

ああ、私はそれを知らなかった。誰かがリンクを開き、ブラウザの開発者モードに切り替えてから、必要なフォームに必要事項を記入してから、要素を調べて、CSSで何が間違っているのかを推測してください。完全に起こるつもり... – hansTheFranz

答えて

0

'position:relative;'を追加できます。

#payment_selectors label, #payment_selectors label a{ 
position: relative; 
} 

ツールチップ全体が表示されます。しかし、私は別の問題を発見する - このツールチップのウィンドウが点滅している。左側に20pxを追加することで、ツールチップの位置を変更することができます。またはパディング - 左:20ピクセル。または同様のもの。

また、変更してください:点滅する問題を修正してください。

.custom-tooltip { 
    background: none !important; 
    top: -80px!important; 
} 
+0

"fatycow"ありがとうございます。では、そのコードをどこに挿入しますか?私が編集する必要があるCSSファイル名は何ですか? – Alice

+0

これを試してみてください: http://dev.tasch.co.za/airportshuttle2/components/com_taxibooking/assets/css/three/three_main.css – fatycow

+0

おかげでfatycow。解決済み! – Alice

関連する問題