Blauen Rahmen entfernen...

dornensplitter

hallo,

ich benutze schon seit 1,5 Jahren WP und hatte keine großen Probleme. Gestern habe ich dann ein neues Theme Treny von Make Quick auf meinen Blog geschoben.
Folgendes Problem habe ich aber nun doch. Ich habe um alle Bilder blaue Rahmen und ich möchte gerne eine andere Farbe in 1px.

Code

#content .post-title a { border-bottom-width: 0; }
#content .post p.img { float: left; margin: 0 15px 0 0; }
#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }
#content .post-footer
{
 font-size: 90%;
 color: #403F2C;
 margin-bottom: 5px;
 padding:5px 5px 5px 15px;
 background-repeat: none;
 background-color: #B3B084;
 border: 1px solid #A3A06F;
}

Alles anzeigen

Versuch:

Code

a img {border: 1px solid #A3A06F;}

Code

img {border: 1px solid #A3A06F;}

Diese Beispiele hatten nicht gewünschten Effekt. Ich weiß nicht mehr weiter.

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

spickzettel

Code

#content .post p.img img { 1px solid #A3A06F; }

Stichwort CSS Spezifität

dornensplitter

Danke für die Hilfe.

Dies hatte ich auch schon versucht, aber es ändert sich nichts.
Das Layout für´s Theme wird doch nur in der css generiert, oder?
was gibbet noch für Möglichkeiten? Ich versteh´s nicht :confused:

Ich poste mal die css

Code

/*
Theme Name: Trendy
Theme URI: [URL="http://www.makequick.com"]Makequick Website Builder[/URL]
Version: 1.0
Description: 2 Column theme
Author: Make Quick
Author URI: [URL="http://www.makequick.com"]Makequick Website Builder[/URL]
*/
 
/* Links */
a:link { text-decoration: none; color: #5D5B37; }
a:visited { text-decoration: none; color: #5D5B37; }
a:hover, a:active { color: #817e4c; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 20px; }
/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}
pre, blockquote
{
 overflow: auto;
 padding: 0 10px;
 margin: 20px 30px;
 line-height: 1.8em;
 background-color: #A9A676;
 border: 1px solid #A29F6D;
}
pre:hover, blockquote:hover
{
 background-color: #AFAC7E;
 border: 1px solid #A29F6D;
}
pre { padding-top: 10px; padding-bottom: 10px; }
code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }
ul, ol { line-height: 2.0em; }
ul { list-style-image: url(images/bullet.gif); }
abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
del { text-decoration: line-through; color: #999999; }
ins { text-decoration: none; color: #009977; }
/* Structure */
body
{
 margin: 0;
 padding: 0;
 color: #b2af8e;
 background-image: url(images/bg.gif);
 background-repeat: repeat-y;
 background-position: center;
 background-color: #adaa7c;
 font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}
#wrapper2 {
width: 768px;
margin-left: auto;
margin-right: auto;
}
#header
{
 float: left;
 width: 768px;
 clear: right;
 background: url(images/header.gif);
 background-repeat: no-repeat;
 background-position: left;
 height: 299px;
}
 
#wrapper
{
 clear: both;
 float: left;
 width: 760px;
 color: #403F2C;
 background: #ADAA7C;
}
#content-wrapper
{
 width: 65%;
 float: left;
}
#content
{
 float: left;
 padding: 0 0px 10px 30px;
}
#sidebar-wrapper
{
 width: 35%;
 float: right;
}
#sidebar
{
 float: right;
 padding: 20px 15px 10px 10px;
 width: 210px;
 background-color: #B3B084;
 border: 1px solid #A3A06F;
 margin-right: 10px;
 margin-top: 20px;
 margin-bottom: 15px;
}
#footer
{
 clear: both;
 float: left;
 width: 748px;
 text-align: center;
 padding-left: 20px;
 background: #B8B58A;
 color: #5D5B37;
 font-size: 11px;
}
#footer a {
 color: #5D5B37;
 font-size: 11px;
 }
#footer a: visited {
 color: #5D5B37;
 }
#footer a:hover {
 color: #817e4c;
 border-bottom: 1px dashed #817e4c;
 }
#extras
{
 float: left;
 width: 780px;
 color: #444444;
 text-align: left;
 padding: 0 10px 10px;
 margin: 10px 12px 20px;
 background-color: #f5f5f5;
 border-top: 1px solid #e0e0e0;
 border-bottom: 1px solid #e0e0e0;
}
/* Header */
#header h1 { padding-left: 30px; float: left; clear: both; margin-top: 5px;}
/* Navigation */
#navigation3 {
background: url(images/nav-bg.gif);
height: 35px;
width: 100%;
float: left;
}
#navigation3 ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin-top: -0px; }
#navigation3 li { float: left; }
#navigation3 li a:link,
#navigation3 li a:visited
{
 float: left;
 color: #5D5B37;
 display: block;
 padding-left: 10px;
 padding-top: 5px;
 margin-right: 5px;
 height: 30px;
 font-size: 14px;
}
#navigation3 li a:hover,
#navigation3 li a:active
{
 color: #817e4c;
 font-size: 14px;
}
#navigation3 li.active a
{
 color: #403F2C;
}
/* Wrapper */
#wrapper a:link { font-weight: bold; }
#wrapper a:visited { font-weight: bold; }
#wrapper a:hover, #wrapper a:active { }
/* Content */
#content .post-title a { border-bottom-width: 0; }
#content .post p.img { float: left; margin: 0 15px 0 0; }
#content .post p.img img { 1px solid #A3A06F; }
#content .post-footer
{
 font-size: 90%;
 color: #403F2C;
 margin-bottom: 5px;
 padding:5px 5px 5px 15px;
 background-repeat: none;
 background-color: #B3B084;
 border: 1px solid #A3A06F;
}
/* Sidebar */
.sideblock
{
 padding: 5px 10px;
 margin-bottom: 20px;
}
.sideblock ul { }
.sideblock h3 { margin-top: 5px; font-size: 14px; color: #555441; font-weight: bold; }
#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }
#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }
#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}
#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}
/* Extras */
#extras h6 { font-size: 14px; text-transform: uppercase; color: #403F2C; }
#friends
{
 float: left;
 width: 150px;
 margin-left: 20px;
 margin-right: 10px;
}
#links
{
 float: left;
 width: 275px;
 margin-right: 50px;
}
#about
{
 float: left;
 width: 250px;
 margin-right: 20px;
}
#friends ul { padding-left: 20px; }
#links dl, #links dt, #links dd { margin: 0; padding: 0; }
#links dt { font-weight: bold; padding-top: 5px; }
#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }
 /* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}
#commentform {
margin: 1em 0;
background: #ADAA7C;
width: 280px;
}
#commentform textarea {
background: #C8C59F;
border: 1px solid #A3A06F;
width: 280px;
}
#commentform textarea:hover {
background: #C3C09A;
border: 1px solid #A3A06F;
}
#commentform textarea:focus {
background: #ADAA7C;
border: 1px solid #A3A06F;
}
#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #C8C59F;
border: 1px solid #A3A06F;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #C3C09A;
border: 1px solid #A3A06F;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ADAA7C;
border: 1px solid #A3A06F;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.date {
 background: url(images/date.gif) no-repeat;
 height: 54px;
 margin-bottom: 0px;
 width: 54px;
 text-align: center;
 float: left;
 margin-top: 15px;
}
.date .month {
 display: block;
 color: #bdb96b;
 padding: 2px 0px;
 text-align: center;
 text-transform: uppercase;
 font-size: 10px;
 margin-top: 4px;
 font-weight: bold;
}
.date .day {
 display: block;
 color: #eae4b2;
 font: 2.3em Georgia;
 padding-top: 0px;
 text-align: center;
 margin-top: -8px;
}
#left {
 width: 60px;
 float: left;
}
.slogan {
font-size: 13px;
color: #BAA085;
text-transform: lowercase;
margin-right: 30px;
margin-bottom: 2px;
float: right;
}

Alles anzeigen

JonnyBauer

hast es dir schon mit FireBug angesehen?

telekommander

In dem gepostetem CSS Code ist nichts was nur annähernd irgendwie als "Blau" durchgehen würde. Auch beschränkt sich dein Problem auf den Internet Explorer.

Wahrscheinlich ist der Grund für den blauen Rahmen die Verlinkung der Bilder.
Beheben lässt es sich so:

Code

#content a img.size-full {
border: 1px solid #F00;
}

Alternativ:

Code

#content img.size-full {
border: 1px solid #F00;
}

Die richtige Farbe ist dein Job.

dornensplitter

Vielen Dank! Das war´s :-D
Die Farbe ändern habsch grad noch so gepackt :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Blauen Rahmen entfernen...

Jetzt mitmachen!