wtyczka CLIPBOARD – button i treść w różnych wierszach

Rozwiązano

(@zyga91)

Cześć,

Mam problem z pluginem CLIPBOARD, a mianowicie, kiedy umieszczam kod na jednej ze swoich wordpressowych stron, to guzik służący do kopiowania zawartości jest umieszczany jako nowy akapit.

Screenshot

Sam kod strony wygląda tak:

[sekcja]
[kolumna rozmiar="1/2"]
<strong>Bla bla bla</strong>

Bla bla bla
Bla bla bla
Bla bla bla

<strong>NIP:</strong> Bla bla bla
<strong>REGON:</strong> Bla bla bla
[/kolumna]
[kolumna rozmiar="1/2"]
<strong>Nr konta dla płatności w PLN</strong>
ING
<p><input id="copy1" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy1">Kopiuj</button></p>
PKO BP SA
<input id="copy2" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy2">Kopiuj</button>

<strong>Nr konta dla płatności w EUR</strong>
SWIFT INGBPLPW
<input id="copy3" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy3">Kopiuj</button>

<strong> Dla płatności w EUR przez podmioty zagraniczne</strong>
SWIFT INGBPLPW
<input id="copy4" type="text" value="Bla bla bla" /><button class="btn" data-clipboard-target="#copy4">Kopiuj</button>

[/kolumna]
[/sekcja]

Ma ktoś pomysł jak to zrobić, aby komórka i guzik były w tym samym wierszu?

Viewing 2 replies - 1 through 2 (of 2 total)

Moderator Paweł Knapek
(@adpawl)

5 years, 6 months temu

dla inputa i buttona ustaw w stylach display:inline-block;
Thread Starter zyga91
(@zyga91)

5 years, 6 months temu
```
#copy1 {
	display:inline-block;
}
button.btn {
	display:inline-block;
}
```
Wrzucenie tych linijek do style.css nie pomogło.

EDIT
Sprawę załatwiło dodanie do inputu wartości width. Dzięki za pomoc. 🙂
- Ta odpowiedź została zmodyfikowana 5 years, 6 months temu przez zyga91.

Viewing 2 replies - 1 through 2 (of 2 total)

Temat ‘wtyczka CLIPBOARD – button i treść w różnych wierszach’ jest zamknięty na nowe odpowiedzi.

wtyczka CLIPBOARD – button i treść w różnych wierszach

Tagi tematu

Wyświetlenia