Beiträge von higginsa1

higginsa1

Hallo, ich habe ein Kontaktformular mit Gravity Form erstellt und habe noch Probleme mit dem Layout, siehe http://budogemeinschaft.de/?page_id=2448. Einiges konnte ich schon anpassen, aber folgendes stört mich noch.

- Die Farbe des selektierten Textes des DropDown ist Blau, soll aber Rot
- Die Farbe des Placeholder

Die Farbe des Placeholder habe ich für die anderen Boxen schon angepasst, aber die Dropebox fühlt sich nicht angesprochen? Habe folgendes benutzt:

::-webkit-input-placeholder { /* Chrome */
color: #c5c5c5;
}
:-ms-input-placeholder { /* IE 10+ */
color: #c5c5c5;
}
::-moz-placeholder { /* Firefox 19+ */
color: #c5c5c5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: #c5c5c5;
}

higginsa1

Ok, das erklärt es, ich konnte Auswirkungen bei content und text-decoration beobachten, gibt es denn eine andere Möglichkeit die Farben meines Links zu ändern? In dem original Theme Zefira Light (Wordpress) ändert es, wenn ich die Maus rüber ziehe (hover), die Farbe von Grau nach Schwarz.

higginsa1

Ich bekomme es irgendwie nicht hin, meine ersten Gehversuche in CSS beschäftigen mich mit der Seitenleiste. Ich versuche folgende Seitenleiste in meinem Theme zu modellieren, https://www.uni-hamburg.de/internationales.html.

Der HTML Code sieht wie folgt aus

HTML

<aside id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-menue-hapkido-container">
<ul id="menu-menue-hapkido" class="menu">
<li id="menu-item-87" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-9 current_page_item menu-item-has-children menu-item-87">
<a href="http://MyHomepage.de/?page_id=9">Shin Jeon Hapkido</a>
<ul class="sub-menu">
<li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-142"><a href="http://MyHomepage.de/?page_id=140">Eins</a></li>
<li id="menu-item-114" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-114"><a href="http://MyHomepage.de/?page_id=104">Zwei</a></li>
<li id="menu-item-113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-113"><a href="http://MyHomepage.de/?page_id=106">Drei</a></li>
<li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112"><a href="http://MyHomepage.de/?page_id=110">Vier</a></li>
</ul>
</li>
</ul></div></aside>

Alles anzeigen

Jetzt dachte ich mir ich könnte wie folgt die Formatierung übernehmen? Aber es wirkt sich irgendwie nicht auf den Linktext aus, schreibe ich Text mit contend: davor, so ändert dieser seine Farbe. Kann mir jemand sagen was ich falsch mache? Den Link zur Homepage kann ich leider noch nicht veröffentlichen.

Code

[COLOR=#333333]/* CSS Part */[/COLOR]


[COLOR=#333333].widget li::before {[/COLOR]
[COLOR=#333333]width: 0;[/COLOR]
[COLOR=#333333]height: 0;[/COLOR]
[COLOR=#333333]}[/COLOR]


[COLOR=#333333].widget a:before,[/COLOR]
[COLOR=#333333]a:link {[/COLOR]
[COLOR=#333333]color: red;[/COLOR]
[COLOR=#333333]text-decoration: none;[/COLOR]
[COLOR=#333333]font-weight: bold;[/COLOR]
[COLOR=#333333]}[/COLOR]


[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:visited {[/COLOR]
[COLOR=#333333]color: green;[/COLOR]
[COLOR=#333333]text-decoration: none;[/COLOR]
[COLOR=#333333]font-weight:bold;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:focus {[/COLOR]
[COLOR=#333333]color: white;[/COLOR]
[COLOR=#333333]text-decoration: underline;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:hover {[/COLOR]
[COLOR=#333333]color: blue;[/COLOR]
[COLOR=#333333]text-decoration: underline;[/COLOR]
[COLOR=#333333]}[/COLOR]
[COLOR=#333333].widget a:before, [/COLOR]
[COLOR=#333333]a:active {[/COLOR]
[COLOR=#333333]color: yellow;[/COLOR]
[COLOR=#333333]text-decoration: underline;[/COLOR]
[COLOR=#333333]}[/COLOR]

Alles anzeigen

Beiträge von higginsa1

Grafity Form Dropdown - Selected Text und Placeholder Color

CSS Menü Formatierung

CSS Menü Formatierung