Responsive LINK Farbe ändern

snutje

Hallo zusammen,
ich habe vor ein paar Wochen zum ersten mal mit WP eine Seite erstellt, da ich bei uns im Club zum Webmaster ausgekuckt wurde.
WP ist klasse zu bedienen und so habe ich die Seite schnell zusammen gehabt.
Nun kommen die Feinheiten..
Ich habe eine Oldstyle Seite ( Sepia / viele Brauntöne )
Theme Responsive gibt bei Text, der mit einem Link hinterlegt ist
die Farbe Blau vor .. ist auf braunem Hintergrund gruselig ..
Werde ständig angesprochen, dass man das blau schlecht lesen kann:-(
Ich habe die Style.css schon zig mal rauf und runter durchsucht ..
finde aber keinen Hinweis, wo ich die Farbe ändern kann ..
Gesucht über FF Web Developer und FF Strg+Umsch+I

Gruß aus dem Münsterland
und einen schönen 3. Advent
Gerald

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Marcus[IS]

Hi Gerald,

so wie du das beschreibst, kann es eventuell sein, dass die Farbe für die Hyperlinks in der style.css gar nicht definiert sind und daher auf Standard (Blau für Link, Violett für besuchten Link) zurückgegriffen wird.

In der Regel sind die Farbanweisungen für die Links wie in diesen Beispielen definiert;

Code

a {
color: #CC6600;
text-decoration: none;
}
a:visited {
color: #CC6633;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}

Alles anzeigen

Es wird auch teilweise so definiert;

Code

h1 a, h1 a:visited{
color: #c9eefe;
text-decoration: none;
}
h1 a:hover{
color: #ffffff;
text-decoration: none;
}

Wenn diese, oder ähnliche Anweisungen nicht in der style.css deines Themes vorhanden sind, könntest du diese ja nachträglich einfügen und die Farbcodes entsprechend anpassen. ;)

mfitzen

Wenn es um dieses Responsive Theme geht...

style.css ab Zeile 375:

Code

/* =Links
-------------------------------------------------------------- */
a {
	color: #0066cc;
	font-weight: 400;
	text-decoration: none;
}


a:hover,
a:focus,
a:active {
	color: #444444;
	outline: 0;
	text-decoration: none;
}


::selection {
	background: #999999;
	color: #ffffff;
	text-shadow: none;
}

Alles anzeigen

Wenn dies nicht das genannte Theme ist, dann einfach mal einen Link zur betroffenen Seite posten.

snutje

Hi Marcus.. vielen Dank..
Hat geklappt..
Ich habe deine Beispiele eingefügt ..
Die Vorgaben werden überschrieben ..

Sehr cool .. sogar die Farben passen :D
Vielen Dank
Du hast mir den Tag gerettet ;-)

snutje

Hi infected .
die Zeilen hab ich schon versucht .. ich glaube, ich habe alle Farbcodes ausprobiert in der Style.css..
Ich denke, dass was Marcus schreibt passt .. hier sind keine Vorgaben .. also Standard blau..
Vielen Dank für deine schnelle Antwort ..

snutje

Nun hat es mich doch erwischt..
Erfolgreich habe ich die meisten Updates von Responsive ausgelassen ...
Nun habe ich gedacht .. um nicht nachher irgendwelche Sicherheitslücken o.ä.
auf meiner Seite zu haben.. fahre ich jetzt ein Update...
Gesagt getan.. Sicherung von der Style.css hatte ich noch ..
Der erste Blick nach ca- 4 Monaten in die Style.css .. hier steht ja nichts mehr drin...
Wenn ich sonst über Design / Anpassen / Edit.. die Style.css geöffnet habe ,
konnte ich über 2700 Zeilen lesen..
Nun sehe ich nur noch ca. 40 Zeilen zur Beschreibung und Warnung das man nichts ändern soll..
Wo finde ich jetzt die Angaben oder die Orte, wo ich Farben im Hintergrund Schriften usw .. ändern kann ..?
Der Developer zeigt mir die gewohnten 2700 Zeilen an..
Kann ich die nicht mehr über den WP Editor bearbeiten ?

Hier mal die Style.css über den WP Editor:

Theme Name: Responsive
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Version: 1.9.5.7
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

mfitzen

Du solltest Dich mal hiermit beschäftigen

Zitat

WordPress and CyberChimps highly recommends Child Theme.

http://www.elmastudio.de/wordpress/word…n-child-themes/

snutje

Hi Infected..
Danke für deine Antwort...
Ich habe schon versucht die alte Style.css zurück zu sichern ..
Aber WP reagiert da nicht drauf nach dem ich sie aktiviert habe..
Was mich wundert..
Ich sehe über den Editor in der Style.css nur einige Angaben :

/*
Theme Name: Responsive
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Version: 1.9.5.7
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

*/

Keine Konfigurationen
Schau mal bitte auf das Bild

EduPress

Hallo Gerald,

das Theme "Responsive" hat seit einiger Zeit eine optimierte Theme-Architektur. Die style.css, die du in deinem Editor findest, bringt nur die notwendigen Informationen für WordPress mit, um welches Theme es sich handelt. Also alles was im oberen Kommentar-Bereich zu lesen ist.

Die eigentlichen Style-Anweisungen werden aus dem Unterordner /core/css/ geladen.

Wie du ja bemerkt hast, sind deine Änderungen seit dem Update verloren gegangen. Daher ist es elementar wichtig sich mit der Thematik "Child Themes" auseinanderzusetzen (wie infected schon empfohlen hat), wenn man umfangreiche Änderungen am Theme vornehmen möchte.

Grundregel: Niemals den WordPress Core, das Original-Theme oder Original-Plugin ändern!

Wenn du nur einfache Änderungen an den Farben vornehmen möchtest, aber kein Childtheme anlegen willst, kannst du die Änderungen mit einem Plugin regeln, das die CSS-Anweisungen des Themes überschreibt, so wie du es haben möchtest.

Das Plugin nennt sich "Simple Custom CSS" und ist kostenfrei im WordPress Pluginverzeichnis erhältlich.

Damit kannst du alle CSS-Anweisungen aus dem Original-CSS überschreiben, wie die o. g. CSS Beispiele, ohne die Original-Dateien zu verändern. Somit bleibst du auch bei einem Update des Themes auf der sicheren Seite.

Herzliche Grüße
Birgit

snutje

Hallo Birgit..
Vielen Dank für die detailierten Infos ;-)
Liebe Grüße aus Münster
Gerald

snutje

Zitat von snutje

Hallo Birgit..
Vielen Dank für die detailierten Infos ;-)
Liebe Grüße aus Münster
Gerald

Simple Custom CSS installiert und SUPER ... das ist genau was ich suchte..
Vielen Dank..

EduPress

Hallo Gerald,

das freut mich. Danke dir für deine Rückmeldung.

Wünsche die weiterhin viel Freude mit deiner Webseite.

Herzliche Grüße
Birgit

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Responsive LINK Farbe ändern

Jetzt mitmachen!