Change css file for template Phoca_duka

[TzaIS]

Hello Jan and Benno,

the size of the keywords in the template Phoca_duka when displayed at the top of individual posts are too small. Even I have difficulties to recognize the keywords. Can I change something by changing a css file and yes, which css file and which entry do I have to correct? It would be great if you could help me. As an IT specialist I have some knowledge about css, but in this case I need your competent and good help again.

Kind regards, Thomas.

Dasselbe auf deutsch:

Hallo Jan und Benno,

die Größe der Schlagwörter beim Template Phoca_duka bei der Anzeige am Kopf von einzelnen Beiträgen sind zu klein. Selbst ich habe da Schwierigkeiten die Schlagwörter zu erkennen. Kann ich da etwas verändern durch das Ändern einer css-Datei und ja, welche css-Datei und welchen Eintrag muss ich da korrigieren? Es wäre toll, wenn Ihr mir da weiterhelfen könntet. Als Fachinformatiker habe ich zwar etwas Ahnung von css, aber in diesem Falle brauche ich wieder Eure kompetente und gute Hilfe.

Liebe Grüße, Thomas.

[Benno]

Hi,
dazu bräuchten wir dann eine URL um das Problem live zu sehen und möglichst auch einen Screenshot, was wie anders aussehen soll.

Freundliche Grüße,
Benno

[TzaIS]

For example, a link to one of my 650 or so posts is https://seniorenwandern-zais.de/index.p ... t=WzIwMTBd . The screenshot is on a OneDrive folder with the link https://1drv.ms/u/s!AmyavhWggyoOkHAR8ds ... c?e=Qzovar . You can see there the upper part of a walking tour with all keywords saved on it for Joomla's keyword search. They are very small here in Phoca_duka with white font color and light blue background. No human can read these keywords anymore. You can only try to zoom in. I would have simply had this larger. Do you have a good idea for this?

See you soon then, your Thomas.

Dasselbe auf deutsch:

Ein Link zu einer meiner ca. 650 Beiträgen ist z. B. https://seniorenwandern-zais.de/index.p ... t=WzIwMTBd . Der Screenshot ist auf einem OneDrive-Ordner mit dem Link https://1drv.ms/u/s!AmyavhWggyoOkHAR8ds ... c?e=Qzovar . Ihr seht da den oberen Teil einer Wandertour mit allen darauf gespeicherten Schlagwörtern zur Schlagwortsuche von Joomla. Sie sind hier in Phoca_duka sehr klein mit weißer Schriftfarbe und hellblauem Hintergrund. Diese Schlagwörter kann kein Mensch mehr lesen. Man kann nur versuchen zu zoomen. Ich hätte dies einfach größer gehabt. Habt Ihr dazu eine gute Idee? Bis bald dann, Euer Thomas.

[Benno]

Hi,
etwa so?

Die markierten Änderungen könntest Du z.B. in die custom.css Deines Templates eintragen.
Freundliche Grüße,
Benno

[TzaIS]

Great, only in which file path is the "custom.css"?

Greetings, from Thomas.

Dasselbe auf deutsch:

Super, nur in welchem Dateipfad liegt die "custom.css"?

Grüße, von Thomas.

[Benno]

Hi,
zuerst eine custom.css in Phoca Duka erstellen:


dann den Code reinkopieren und speichern:


Freundliche Grüße,
Benno

[TzaIS]

Hello Benno,

I have created and saved the file "custom.css" as you have shown. In addition, the following 2 screenshots under OneDrive: https://1drv.ms/u/s!AmyavhWggyoOkHMStCn ... Z?e=u4HBGh . The second screenshot shows that the file has been created and is on the server.

Unfortunately, my site does not show any success, for example, the following link: https://seniorenwandern-zais.de/index.p ... t=WzIwMTBd

No response. It also does not matter which browser is used, neither Firefox nor Edge.

I ask for feedback, your Thomas.

Dasselbe auf deutsch:

Hallo Benno,

ich habe, so wie Du es gezeigt hast, die Datei "custom.css" angelegt und abgespeichert. Dazu die folgenden 2 Screenshots unter OneDrive: https://1drv.ms/u/s!AmyavhWggyoOkHMStCn ... Z?e=u4HBGh . Der zweite Screenshot zeigt, dass die Datei angelegt wurde und auf dem Server liegt.

Leider zeigt meine Seite keinen Erfolg, so z. B. folgender Link: https://seniorenwandern-zais.de/index.p ... t=WzIwMTBd

Keine Reaktion. Es ist auch egal welcher Browser verwendet wird, weder Firefox als auch Edge.

Ich bitte um Rückmeldung, Dein Thomas.

[Jan]

Hi, check your HTML source code in DevTools and check if the custom.css is loaded on your site. If yes, try to check cache settings (on your site, or in your browser)

For testing, the best way is to disable cache, e.g. in Chrome browser:

[TzaIS]

Hello Benno and Jan,

I have now courageously changed the file "\templates\phoca_duka\bootstrap\css\bootstrap.min.css" with the freeware tool "Notepad++" in line 10 under the search term ".label" the entry "font-size: 100%;". It works! Both under FireFox and Edge and Chrome. Great. Important was a tutorial on the Internet at "https://kulturbanause.de/blog/die-chrom ... insteiger/". So I refreshed my HTML and CSS knowledge from before. By the way, I exchanged the file with "FileZilla".

Thanks to all of you and see you later maybe,

Your Thomas.

Dasselbe auf deutsch:

Hallo Benno und Jan,

ich habe nun beherzt die Datei "\templates\phoca_duka\bootstrap\css\bootstrap.min.css" mit dem Freeware-Tool "Notepad++" in Zeile 10 unter dem Suchbegriff ".label" den Eintrag "font-size: 100%;" geändert. Es funktioniert! Sowohl unter FireFox und Edge und Chrome. Toll. Wichtig war eine Anleitung im Internet unter "https://kulturbanause.de/blog/die-chrom ... insteiger/". So habe ich meine HTML- und CSS-Kenntnisse von früher wieder aufgefrischt. Die Datei habe ich übrigens mit "FileZilla" ausgetauscht.

Vielen Dank an Euch alle und bis später vielleicht,

Euer Thomas.

[Benno]

Ok.

Freundliche Grüße,
Benno