Strona Nowy Orange -> modyfikacje

[Zeusek]

Wprowadziłem kolejne modyfikacje do wyglądu strony:

Potrzebne rozszerzenie do przeglądarki "stylus".

Może komuś to się przyda.

Dodałem czas aktywacji obok numeru telefonu. Kod wklejamy do formularza w rozszerzeniu "stylus". Datę naturalnie można zmienić pod swoje potrzeby.

#waspd-tariff > div:nth-child(1) > ul:nth-child(1) > li:nth-child(1) > div:nth-child(1):before  { content: "Aktywacja: 6.6.2020"; }

Kolejna zmiana która jest myląca a proponowana w pomysłach, "Możesz dzwonić przez:" na "środki ważne przez:". Zapis zmieniony tylko ten drugi.

Tutaj jest trochę trudniej bo wpierw trzeba skasować obecny napis.

div.l-row:nth-child(10) > div:nth-child(1) > p:nth-child(1) { display:none; }

Następnie dodać napis.

div.l-row:nth-child(10) > div:nth-child(1):before { content: "Środki ważne przez:"; }

Ps. Osoby znające w minimalnym stopniu CSS mogą zmienić kolor tekstu, wielkość liter itd.

[DawidOrange]

@Zeusek 

Bardzo ciekawa sprawa.Spróbuj zmiany lub nowe projekty zamieszczać w tym samym temacie lub poproś kogoś z moderacji forum NO o scalenie twoich wcześniejszych wypowiedzi na temat NMO 🙂😎.

[Zeusek]

Skoro temat zyskał jakiś odzew to napiszę jak uzyskać ścieżkę do zmiany danego elementu, nie jest to trudne wbrew pozorom.

1. Klikamy na stronie PPM (Prawy Przycisk Myszy) i wybieramy z menu "zbadaj element".

2. Klikamy w dolnym oknie które się pokaże na ikonę z lewej strony, taki kwadrat ze strzałką.

3.Wskazujemy element który chcemy zmienić i klikamy na niego.

4. W dolnym oknie się podświetli linijka która odpowiada za dany element.

5. Klikamy PPM na tym wierszu, z menu wybieramy "kopiuj" -> "Selektor CSS".

6. Wklejamy to co się skopiowało do formularza w rozszerzeniu "stylus". Teraz możemy dane element modyfikować jak chcemy.

Oczywiście są ograniczenia i czasami trzeba zmodyfikować też inny element aby uzyskać to co chcemy. Należy pamiętać że to zmienia TYLKO wygląd strony, nie ingerujemy w jej działanie.

Opis dotyczy przeglądarki Firefox i w innych może się to różnić lub nawet być niewykonalne.

[Zeusek]

Dla jeszcze większej czytelności można zmodyfikować ostatni wiersz w moim poprzednim poście.

div.l-row:nth-child(10) > div:nth-child(1):before { content: "Środki promocyjne ważne przez:"; white-space:nowrap; }

Z uwagi że normalnie wiersz się złamie tzn. przechodzi do kolejnej linii (za długi dopisek) to należało dodać "white-space:nowrap;".