Widget-Design nicht veränderbar

ocfaq

Hallo,

ich möchte gerne die Seitennavigation in meiner Sidebar anpassen. Ich benutze das flexipages-Plugin. Der vom Plugin-Autoren genannte Weg, das mit ".flexipages_widget a { color: #0f0; }" in der style.css zu lösen, klappt leider nicht, das hat gar keinen Effekt.

In der Datei kann ich zwar Formatierungen für alle Sidebars festlegen, es ist mir aber nicht gelungen, nur dieses eine Widget anzusprechen.

Alternativ könnte ich auch auf das Plugin verzichten und das ganz normale "Seiten-Widget" nehmen - vorausgesetzt es gibt eine Möglichkeit die Seiten-Links dann fett und größer zu machen als alle anderen Links in den Sidebars.

Vielen Dank schon mal im Voraus.

Die Seite ist http://forum.wordpress-deutschland.org/www.geothermie-nachrichten.de (SpruceUp-Theme) und meine Style.css sieht so aus:

Code

/* 
Theme Name: SpruceUp
Version: 1.0
Description: A Simple and Elegant Three Column <a href="http://wpthemecity.com/" title="WordPress Theme">WordPress Theme</a>, with Custom Header image.
Author: Sadish Bala
Author URI: http://wprocks.com
*/


body {
    margin:0;
    padding:0;
    font-family:Verdana,Tahoma, Arial, Serif;
    font-size: 0.8em;
    text-align:center;
    color:#333;
    background: #e9e9d0;
}
a:link, a:visited {
    color:#4B1C08;
    text-decoration:none;
    border-bottom:#8b5132 1px dotted;
}
a:hover, a:active {
    color:#8b5132; 
    border-bottom:1px solid;    
}
acronym, abbr {
    border-bottom: 1px dotted #ccc;
}
acronym, abbr, span.caps {
    cursor: help;
    letter-spacing: .07em;
}
code {
    font-size: 1em;
    font-style: italic;
}
blockquote 
{
    margin:1em;
    padding:1em 0 0 3em;
    background:url(img/quote.gif) no-repeat left top;
    color:#666;
    font-style:italic;
}
fieldset
{
    border:none;
}
cite {
    font-size: 0.85em;
    font-style: normal;
}
p {
    margin: 0 0 1em;
    padding: 0;
    line-height: 1.5em;
}
h1, h2, h3, h4,h5,h6 {
    font-family: Cambria, Arial, Verdana, Serif;
    font-weight: normal;
    line-height:1.4em;    
    margin:0 0 0.5em 0;
    padding:0;            
}
h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em;}
h5 {font-size:1.2em;}
h6 {font-size:1.1em;}
img
{
    border:#ccc 1px solid;
}
img.noborder, img.wp-smiley
{
    border:0;
}
img.left 
{
    margin:0 1em 1em 0;
    float:left;
}
img.right 
{
    margin:0 0 1em 1em;
    float:right;
}
a img {
    border: 0;
    padding-bottom:3px;
    border-bottom:#753206 1px solid;
}
pre, code
{
    display:block;
    margin:1em;
    padding:1em;
    font-family:"Courier New", Arial, Verdana, Serif;
    font-size:1em;
}
abbr, acronym
{
    cursor:help;
}
hr
{
    clear:both;
    margin-top:5px;
    color:#eee;
}
table
{
    width:100%;
    border:#eee 1px solid;
    padding:5px;
}
th
{
    text-align:left;
    background:#ccccbb;
    padding:5px;
}
tr.even
{
    background:#e9e9d0;
}
td, th
{
    padding:5px;
}
#outer 
{
    background:#fff;
    width:962px;
    margin:20px auto 0;
    padding:0;
    text-align:left;
    border:10px solid #ffffff;
}


#header 
{
    clear:both;
    background: #18161b url(img/header.jpg) no-repeat bottom;     
     height: 180px;
    margin: 0 auto;
    width:962px;
    padding:0;
    text-align:right;
    border-bottom:#18161b 1px solid;
}
#header h1 
{
    margin:0;
    padding: 70px 12px 0 0;
    font-size: 2.8em;
    font-weight:bold;
        
}
#header a 
{    
    text-decoration: none;
    border-bottom: none;
color: #FFFFFF;
}
#header a:hover {
    text-decoration: underline;    
}
#header p 
{
      font-family:"Trebuchet MS", Arial, Verdana, Serif;    
    margin:0;
    padding:0 12px;
    font-style:italic;
}
#header *
{
    color:#0b0803;
}
/************************************************
*    Page Menu                             *
************************************************/
#pagenav
{
    height:30px;
    line-height:30px;
    
}
#pagenav ul {
    list-style:none;
    margin:0 auto;    
    padding:0;
    width:982px;        
    text-align:left;
}


#pagenav ul li 
{
  list-style:none;  
  background:none;    
  display:inline;
}    


#pagenav ul li a 
{
    margin:0;
    padding:0.5em 1em;
    text-decoration:none;
    border-bottom:0px;
    color:#4B1C08;
}    
#pagenav ul li a:hover,
#pagenav ul li a:active,
#pagenav ul li.current_page_item a
{
    color:#8b5132;
        
}
/* Search Form*/#pagenav #searchform{
    float:right;
    padding: 5px 10px;
    margin: 0;
    background:#4b1c08;        
}
#pagenav #searchform .textbox {
    float:right;
    margin: 0 auto; 
    width: 230px;
    background: none;
    border: none;
    background:#fff url(img/search.png) no-repeat 4px center;
    padding:3px 3px 3px 20px;
    border:1px solid #ccc;
}
#pagenav #btnsearch{
    display: none;    
}
/************************************************
*    Category Menu                             *
************************************************/
ul#menu 
{
    /*font-family:Cambria, Verdana, Arial, Serif;*/
font-family: Cambria, Arial, Verdana, Serif;
    list-style:none;
    margin:0 auto;    
    padding:0;
    height:35px;
    line-height:35px;    
    font-size:1.2em;
    width:962px;
    background:#18161b;
    
}


ul#menu li 
{
    float:left;
  margin:0;
  padding:0;
  list-style:none;  
  white-space:nowrap;    
  background:none;    
}    


ul#menu li a 
{
    display:block;
    padding:0 15px;
    border:none;
    color: #eff;
}    
ul#menu li a:hover,
ul#menu li a:active,
ul#menu li.current-cat a
{
    color: #fff;
    background-color:#4b1c08;
}
ul#menu #rss
{
    float:right;
    background:url(img/rss.gif) no-repeat left center;
}
ul#menu #rss a:hover
{
    background:transparent;
    text-decoration:underline;
}
#main
{
    width:750px;
    float:right;
    margin:0;
    padding:0;
}
#content {
    width:510px;
    float:left;
    padding:20px 15px;
    margin:0;
}
.sidebar
{
    width:208px;
    margin:10px 0;
    padding:0;
    font-size:0.85em;
}


/* Content Details*/


#content ul {
    margin: 0 0 0 2em;
    padding:0;
    list-style-image: url(img/icon2.gif);
}
#content li, .sidebar li {
    margin: 0.8em 0;
    padding:0;    
}
h2.post-title
{
    font-variant:small-caps;
    border-bottom:#ccc 1px dotted;
}
#content .post
{
    padding-bottom:1.5em;
}
#content .postdate
{
    margin:0;
    padding:0;
    font-size:0.7em;
    color:#999;
    font-family:"Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Serif;
    font-variant:small-caps;
}
#content .meta
{
    color:#999;
    clear:both;
    border-top:#eef 1px solid;
    border-bottom:#eef 1px solid;
    font-size:0.7em;
}
#content .meta .links
{
    float:right;
}
hr {display: none;}
div.navigation {text-align:center;}
.clear {clear:both;}
.avatar { float:right;}


/*Sidebar details*/
.sidebar h2, .sidebar h3 
{
    margin: 0;
    font-size:1.4em;
    padding:5px 10px;
    background:#4b1c08;
    color:#fff;
    /*font-variant:small-caps;*/    
}
.sidebar ul {
    list-style-type: none;
    padding: 0;
    margin:0;
}


.sidebar form, 
.sidebar .textwidget, 
.sidebar ul ul
{
    margin:0;
    padding:1em 2em;
    line-height:1.5em;        
    background:#e9e9d0;
}
.sidebar ul ul ul
{
    background:none;
    margin:0;
    border:none;
    padding:0 1em;
}




/* Footer */
#footer 
{
    clear:both;
    margin:0 auto;
    width:962px;
    padding:10px;
    border-top:#ccc 1px dotted;
    background:#4b1c08;
    color:#eee;
    text-align:left;
}
#footer a 
{ 
    color:#fff;
    font-size:0.85em;
}


/************************************************
*    Comments                                    *
************************************************/
#commentform
{
    margin:0em;
    padding:1em;    
}
#commentform label,
#commentform input[type="submit"]
{
        
}
#comments, #respond
{
    clear:both;
}    
#content .commentlist 
{
    margin:0;
    padding:0;    
    border-top: #eed 1px solid;    
}
#content .commentlist li 
{
    clear:both;
    list-style:none;
    margin: 0;
    padding:2em 0.5em;    
    border-bottom: #eed 1px solid;    
}
#content .commentlist li.alt 
{
    background:#f9fcf0;
}
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
    font-size:1.1em;
}
.commentlist .avatar
{
    float:right;
    margin:0 0.35em 0 0;
}
.commentlist li.bypostauthor
{
    border:#ddd 1px solid;
}
.commentlist .commentmetadata
{
    font-size:0.9em;
    margin-bottom:10px;
}
#content .nocomments 
{
    text-align:center;
    color:#999;
    font-size:0.85em;
}
input.textbox,
input[type="text"]
{
    border:#dcc 1px solid;
    background:#f9f9fc;
    font:1em Verdana, Arial, Serif;
    padding:2px;
    width:150px;
}
textarea{
    width: 90%;
    padding:5px;
    height: 20em;
    border: 1px solid #dcc;    
    background:#f9f9fc;
    font:1em Verdana, Arial, Serif;
}
input.textbox:focus, input:focus, textarea:focus
{
    background:#fff;
    border:#ccd 1px solid;
}
#header, #content, .sidebar, #footer, .widget 
{
    overflow:hidden;
}
/*Code from http://wprocks.com/wordpress-tips/floating-images-within-the-post-in-wordpress-26/ */


img.left, img.alignleft, div.alignleft
{
    float:left;
    margin:0 1em 0.5em 0;
}
img.right, img.alignright, div.alignright
{
    float:right;
    margin:0 0 1em 0.5em;
}
img.aligncenter, div.aligncenter
{
    text-align:center;
    margin:0 auto;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

Alles anzeigen

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

Ammaletu

Benutzt Du überhaupt Widgets? Von den Klassen her, die ich an Deinen Sidebar-Elementen sehe (bzw. nicht sehe, die haben nämlich alle keine), sieht es für mich nicht so aus. Normalerweise hat jedes Widget eine eindeutige Klasse, über die es angesprochen werden kann im Stylesheet. Hast Du das in der style.css ganz unten ergänzt und nicht z.B. oben?

ocfaq

Hallo Ammaletu,

ja ich benutze Widgets. Aktuell 2 Textblöcke, die Suche, Flexipages und "Letzte Artikel". Bisher hatte ich den css-Code für flexipages unter den Sidebarbereich in die style.css eingefügt. Aber auch ganz unten funktioniert das nicht, ich habe es gerade probiert.

Im Quelltext handelt es sich um folgende Einträge, die ich formatieren möchte:

Code

<div id="sidebar2" class="sidebar">
  <ul>
  <li><h3> </h3>
<ul>
    <li class="home_page current_page_item"><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.geothermie-nachrichten.de/"]http://www.geothermie-nachrichten.de[/URL]" title="Hauptseite">Hauptseite</a></li>
    <li class="page_item page-item-9"><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.geothermie-nachrichten.de/veranstaltungen"]http://www.geothermie-nachrichten.de/veranstaltungen[/URL]" title="Veranstaltungen">Veranstaltungen</a></li>
    <li class="page_item page-item-77"><a href="[URL="http://forum.wordpress-deutschland.org/view-source:http://www.geothermie-nachrichten.de/kontakt"]http://www.geothermie-nachrichten.de/kontakt[/URL]" title="Kontakt">Kontakt</a></li>
</ul>

Ich könnte ja dafür einen neue Klasse als css hinterlegen, ich weiß aber nicht, wie ich das Widget dazu bringe, die auch anzusprechen.

alchymyth

in deinem theme, die registrierung der sidebar baut keine widget-class ein.

bearbeite functions.php des themes:

PHP

<?php 
if ( function_exists('register_sidebar') )  {
 register_sidebar(array('name'=>'Sidebar Left',
  'before_widget' => '<li>', 
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',     
  ));
register_sidebar(array('name'=>'Sidebar Right',
  'before_widget' => '<li>', 
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',     
  ));
}

Alles anzeigen

und aendere das um:

PHP

<?php 
if ( function_exists('register_sidebar') )  {
 register_sidebar(array('name'=>'Sidebar Left',
  'before_widget' => '<li class="widget %2$s">', 
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',     
  ));
register_sidebar(array('name'=>'Sidebar Right',
  'before_widget' => '<li class="widget %2$s">', 
  'after_widget' => '</li>',
  'before_title' => '<h3>',
  'after_title' => '</h3>',     
  ));
}

Alles anzeigen

das sollte dann eigentlich eine gezielte formatierung verschiedener widgets ermoeglichen.
http://codex.wordpress.org/Function_Refer…egister_sidebar

ocfaq

Das gibt jetzt aber eine böse Fehlermeldung - zum Glück in der Testumgebung:

Code

[B]Warning[/B]:  session_start() [[URL="http://agesco.de/wp-admin/function.session-start"]function.session-start[/URL]]:  Cannot send session cache limiter - headers already sent (output  started at  /www/htdocs/w0089fb6/wp-content/themes/spruceup/functions.php:1) in [B]/www/htdocs/w0089fb6/wp-content/plugins/si-captcha-for-wordpress/si-captcha.php[/B]  on line [B]542[/B]


[B]Warning[/B]:  Cannot modify header information - headers already sent  by (output started at  /www/htdocs/w0089fb6/wp-content/themes/spruceup/functions.php:1) in [B]/www/htdocs/w0089fb6/wp-admin/theme-editor.php[/B]  on line [B]6[/B]

Ich kann das jetzt leider nicht deuten.

Ammaletu

Gibst Du irgendwo in der functions.php eine Leerzeile oder ein Leerzeichen aus? Das darf nicht der Fall sein. Also nicht sowas einbauen:

PHP

?>
<?php

Die Datei muss mit <?php anfangen und mit ?> aufhören, ohne weitere Leerzeilen davor bzw, dahinter.

ocfaq

Bingo!

Vielen Dank Ammaletu und alchymyth. Ihr habt mir sehr geholfen. Tolles Forum.

Gruß, ocfaq

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Widget-Design nicht veränderbar

Jetzt mitmachen!