Hallo ich habe ein kleine Problem und zwar möchte ich mittels des Text-Widget ein paar Angebote in meine Sidebar des Wordpress-Blogs einbinden. Die Angebote sind in Form eines Bildes, sprich ich binde das Bild in das Text-Widget in meine Sidebar ein. Bis dahin keine Probleme.
Nun ist es so das immer ein Rahmen angezeigt wird zwischen Bild und Sidebar-Box, dies möchte ich vermeiden. das Bild soll an den Rahmen angrenzen oder nur ein minimaler Abstand vorhanden sein.
Bei anderen Widgets wie z.B. dem Kalender widget oder so ist es ok wenn dort ein Rahmen ist, aber beim Text-Widget stört es mich.
Hier mein style.css des themes
CSS
/* Sidebar
---------------------------------------- */
#sidebar {
float: left;
}
.widget {
margin: 0 0 20px 0;
border: 1px solid #e3e3e3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.widget .inner {
background: #f9f9f9;
padding: 13px 29px 20px 15px;
border: 1px solid #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.widget h3 {
background: url(images/widget.gif) repeat-x 0% 0%;
min-height: 48px;
margin: -13px -29px -20px -15px;
padding: 13px 29px 24px 15px;
}
.widget ul {
padding: 0 0 0 13px;
}
.widget ul.children {
margin: 0 !important;
padding: 0 !important;
}
#widget_my_cyclewidget {
background: #f4f4f4;
position: relative;
margin: 0 0 18px 0;
}
#widget_my_cyclewidget .inner {
background: none;
padding: 14px 29px 28px 16px;
border: none;
}
#widget_my_cyclewidget h3 {
background: none;
padding: 13px 29px 12px 15px;
}
#widget_archive h3 {
padding: 13px 29px 28px 15px;
}
#widget_archive ul {
width: 100%;
margin: 0 0 2px 0;
overflow: hidden;
}
#widget_archive ul li {
background: url(images/list-line.gif) repeat-x 0% 100%;
float: left;
width: 107px;
padding: 0;
line-height: 28px;
font-size: 12px;
}
#widget_archive ul li.even {
margin: 0 24px 0 0;
}
#widget_archive ul li:last-child {
background: none;
}
#widget_archive ul li a {
text-decoration: none;
color: #7c7c7c;
}
#widget_archive ul li a:hover {
font-weight: bold;
color: #393939;
}
#widget_nav_menu ul li {
background: url(images/list-line.gif) repeat-x 0% 0%;
padding: 0;
line-height: 39px;
font-family: 'Oswald', sans-serif;
font-size: 13px;
text-transform: uppercase;
color: #7c7c7c;
}
#widget_nav_menu ul li:first-child {
background: none;
}
#widget_nav_menu ul li a {
background: url(images/marker.png) no-repeat 0% 1px;
padding: 0 0 0 29px;
text-decoration: none;
color: #7c7c7c;
}
#widget_nav_menu ul li a:hover {
color: #e2001a; //f0b028
}
.tagcloud {
line-height: normal;
}
/* Calendar */
#calendar_wrap {
padding:0;
}
#wp-calendar {
width:100%;
}
#wp-calendar caption {
text-align:center;
}
#wp-calendar td {
text-align:center;
padding:6px 0;
border:none;
}
#wp-calendar caption {
font-size:16px;
color:#000;
font-weight:bold;
padding:4px 0;
margin-bottom:5px;
}
#wp-calendar thead th {
padding:7px 0;
font-size:14px;
background:#fff;
color:#000;
text-align:center;
}
#wp-calendar #prev {
text-align:left;
}
#wp-calendar #next {
text-align:right;
}Im Anhang findet Ihr noch ein Screenshot zum besseren Verständnis.