vermutlich kleine Anpassung in Style.css

mitdabei

Hallo Zusammen,

ich betreibe eine Seite über Büroplanung .
Auf der rechten Seite ist oben die "Navigation" und darunter eine "Tagwolke".
Ich möchte die Tagwolke etwas nach oben schieben und die Wörter in der Tagwolke sind auch ein wenig zu hoch.

Ich vermute mal das man das in der style.css anpassen kann. Ich bin jedoch kein Programmierer.
Kann mir da jemand weiterhelfen ? Falls das in einer anderen Datei anzupassen ist bitte Info. Schon mal vielen Dank für Eure Hilfe.
Hier der Code der Style.css:

Code

/*  
Author: Free WordPress Themes
*/


* {
    margin: 0;
    padding: 0;
}


html, body {
    height: 100%;
}


body {
    background: #FFFFFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000102;
}


h1, h2, h3 {
    font-weight: normal;
    color: #36393D;
}


h1 {
    font-size: 197%;
}


h2 {
    letter-spacing: -1px;
    font-size: 182%;
}


h3 {
    font-size: 100%;
    font-weight: bold;
}


p, ul, ol {
    margin-bottom: 1.6em;
    line-height: 1.6em;
}


blockquote {
}


a:link {
    color: #C90404;
}


a:hover, a:active {
    text-decoration: none;
    color: #CBCBCB;
}


a:visited {
    color: #3F4C6B;
}


img {
    border: none;
}


img.left {
    float: left;
    margin-right: 15px;
}


img.right {
    float: right;
    margin-left: 15px;
}


hr {
    display: none;
}


.navigation {
}


.alignleft {
    float: left;
}


.alignright {
    float: right;
}


/* Wrapper */


#wrapper {
    height: 100%;
    min-height: 100%;
    background: #FFFFFF url(images/img01.gif) repeat-y center top;
}


html>body #wrapper {
    height: auto;
}


/* Header */


#header {
    width: 778px;
    height: 141px;
    margin: 0 auto;
    background: #829C9A url(images/img02.jpg) no-repeat;
}


#header h1 {
    float: left;
    margin: 0;
    padding: 40px 0 0 20px;
    text-transform: none;
    font-size: 24px;
}


#header h1 a {
    text-decoration: none;
    color: #000000;
}


#header p {
    float: left;
    margin: 0;
    margin-top:50px;      
    margin-left:-135px;   
    padding: 30px 0 0 0px;
    text-transform: none;
    font-size: 14px;
}


/* Page */


#page {
    width: 778px;
    margin: 0 auto;
    background: url(images/img03.gif) repeat-x;
}


/* Content */


#content {
    float: left;
    width: 478px;
    padding: 20px 0 30px 20px;
}


#content ul {
    margin-left: 0;
    padding-left: 0;
    list-style-position: outside;
    list-style: none;
}


#content ul li {
    padding-left: 20px;
    background: url(images/img05.gif) no-repeat left center;
}


.pagetitle {
    margin-bottom: 20px;
    padding: 15px 0 10px 0;
    background: url(images/img09.gif) repeat-x left bottom;
}


.post {
    margin-bottom: 30px;
}


.post ul {
}


.post ul li {
}


.post .title {
    padding: 10px 0 10px 0;
    background: url(images/img09.gif) repeat-x left bottom;
}


.post .title a {
    text-decoration: none;
}


.post small {
    font-size: 85%;
}


.post .byline, .post .meta {
    margin: 0;
    padding: 0 20px;
    background: #EFEFEF;
    line-height: normal;
}


.post .byline {
    padding-top: 5px;
    border-top: 1px solid #CBCBCB;
}


.post .byline .posted {
    padding-left: 15px;
    background: url(images/img10.gif) no-repeat left center;
}


.post .byline .edit {
    padding-left: 15px;
    background: url(images/img11.gif) no-repeat left center;
}


.post .meta {
    padding-bottom: 5px;
    border-bottom: 1px solid #CBCBCB;
}


.post .meta .comments {
    padding-left: 15px;
    background: url(images/img12.gif) no-repeat left center;
}


.post .meta .categories {
    padding-left: 15px;
    background: url(images/img13.gif) no-repeat left center;
}


.post .entry {
    padding: 20px 20px 0 20px;
    padding: 20px 2px 0px; 
}


.result .title {
    padding-bottom: 0px;
    background: none;
    border-bottom: 1px solid #CBCBCB;
    font-size: 122%;
}


/* Comments */


#comments {
    padding: 20px 0 10px 0;
}


.commentlist {
    margin: 0 3em;
    list-style-position: outside;
    list-style-type: decimal;
    line-height: normal;
}


.commentlist li {
    padding: 10px 0;
}


.commentlist cite, .commentlist small, .commentlist p {
    margin: 0;
    padding-left: 10px;
    line-height: normal;
    border-left: 1px solid #CBCBCB;
}


/* Respond */


#respond {
    padding: 20px 0 0 0;
}


#respond h3 {
    margin-bottom: 20px;
}


#respond p {
    margin: 0 0 5px 0;
}


#comment {
    width: 400px;
    padding: 1px 5px;
    background: #EFEFEF url(images/img07.gif) repeat-x;
    border: 1px solid #36393D;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #3F4C6B;
}


#submit {
    padding: 0 5px;
    background: #CF1111 url(images/img06.gif) repeat-x;
    border: 1px solid #36393D;
    text-transform: lowercase;
    font: bold 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}


/* Sidebar */


#sidebar {
    float: right;
    width: 240px;
    padding: 42px 20px 30px 0;
}
#sidebar ul {
    list-style: none;
    line-height: normal;
}


#sidebar li {
    margin-bottom: 10px;
    background: url(images/img04.gif) repeat-x 0px 18px;
}


#sidebar li ul {
    padding: 20px;
}


#sidebar li li {
    display: list-item;
    margin: 0;
    padding: 5px 0 5px 15px;
    background: url(images/img05.gif) no-repeat 0px 9px;
    border-bottom: 1px solid #D9D9D9;
}


#sidebar a {
    text-decoration: none;
}




#sidebar a:hover {
    text-decoration: underline;
}


#sidebar h2 {
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 107%;
    font-weight: bold;
}


/* Widgets */




#search {
    padding: 50px 20px 20px 20px;
}


#search input {
    padding: 0 5px;
    background: #CF1111 url(images/img06.gif) repeat-x;
    border: 1px solid #36393D;
    text-transform: lowercase;
    font: bold 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #FFFFFF;
}


#search #s {
    width: 110px;
    padding: 1px 5px;
    background: #EFEFEF url(images/img07.gif) repeat-x;
    font-weight: normal;
    color: #3F4C6B;
}


#search br {
    display: none;
}


/* Calendar */


#calendar_wrap {
    padding: 20px;
}


#wp-calendar {
    width: 100%;
    border-collapse: collapse;
}


#wp-calendar caption {
    padding: 2px 0;
    background: #36393D;
    font-weight: bold;
    color: #FFFFFF;
}


#wp-calendar tr {
}


#wp-calendar th {
    background: #EFEFEF;
}


#wp-calendar td {
    padding: 0 2px;
}


#wp-calendar tbody td {
    text-align: center;
}


#wp-calendar tbody td a {
    display: block;
}


#wp-calendar tfoot td {
    padding: 2px 0;
    border-top: 1px solid #36393D;
    font-weight: bold;
}




#today a {
    background: #EFEFEF url(images/img08.gif) no-repeat right top;
    font-weight: bold;
}


#prev {
    text-align: left;
}


#next {
    text-align: right;
}


/* Footer */


#footer {
    clear: both;
    width: 778px;
    margin: 0 auto;
    padding: 20px 0;
    background: url(images/img03.gif) repeat-x;
    text-align: center;
    font-size: 85%;
}


#footer p {
    margin: 0;
    line-height: normal;
}

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

koslowski

Hi,

deine Schlagwortwolke ist in einer Liste und dort unter dem Listenpunkt mit der id #tag_cloud-3.

Das kannst du zur Gestaltung nutzen z.B.:

HTML

#sidebar #tag_cloud-3  {
      Eigenschaft :Wert;
}

Oder über:

HTML

#sidebar #tag_cloud-3 div a  {
      Eigenschaft :Wert;
}

die Abstände der Links zueinander ändern.

Bei mir hab ich das so gelöst.

PHP

<div id="sidebar-tags">
    <h2>Schlagwortwolke</h2>
    <?php wp_tag_cloud('smallest=12&largest=30&unit=px&exclude=19'); ?>
  </div><!-- Ende #sidebar-tags -->

Erzeugt wird die Wolke mit wp_tag_clouds.
Über verschiedene Argumente habe ich noch zusätzlich die Erscheinung gesteuert. ;-)

mitdabei

Hallo Koslowski,

erst mal vielen Dank für die schnelle Unterstützung. Ich habe jedoch sogut wie keine Ahnung vom Programmieren.

Zitat:
deine Schlagwortwolke ist in einer Liste und dort unter dem Listenpunkt mit der id #tag_cloud-3.

wo in welcher Datei finde ich das ??

Besten Gruß Frank

koslowski

deine Schlagwortwolke wird in der sidebar.php erzeugt.

Mit dem dort hinterlegten Code für die Schlagwortwolke (wp_tag_cloud) wird der XHTML-Code an den Browser ausgegeben, der ihn interpretiert und in das Bild umsetzt, was du im Browser siehst.

Welche Elemente dafür zuständig sind kannst du ganz fix mit Firebug rausfinden (deutsches Tut dazu).

Kenntnisse in XHTML/CSS solltest du aber möglichst haben, wenn du Websites erstellst, damit das für dich nicht in Frust ausartet.

Diese Kenntnisse kannst du dir z.B. hier aneignen (gibts auch als Buch). :wink:

mitdabei

Hallo koslowski,

nochmal danke für die Info. Hilft leider auch nicht weiter, da ich in meiner Sidebar.php diesen Code nicht habe. Meine Sidebar.php

<?php wp_list_pages('title_li=<h2>Pages</h2>' ); ?>

<li>
<h2>Archives</h2>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>

<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>

<?php wp_list_bookmarks(); ?>

<li>
<h2>Meta</h2>
<ul>
<?php wp_register(); ?>
<li><?php wp_loginout(); ?></li>
<li><a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li>
<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>
<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
<?php wp_meta(); ?>
</ul>
</li>

<?php endif; ?>
</ul>
</div>

koslowski

Zitat von koslowski

deine Schlagwortwolke wird in der sidebar.php erzeugt.

da haste wohl danebengegriffen, koslowski. :roll:

Naja, auf jeden Fall kannst du entsprechende Anpassungen in der style.css vornehmen, Beispiele hab ich ja gepostet.

Wo die Schlagwortwolke erzeugt wird mußt du dann mal in deinem Theme eruieren.
Das kann ich von hier aus jetzt nicht sagen.

mitdabei

Na kein Ding....ich bekomme es selber sowieso nicht hin :smile:
Und trotzdem vielen Dank für die Mühen.

Deshalb hatte ich oben die style.css gepostet......weil ich die Stelle/Zeile auch nicht finde wo ich es ändern kann..........bzw. wenn ich Sie gefunden habe......weiß ich nicht wie ich Sie anpassen könnte.

LG Frank

Willkommen! Melden Sie sich an oder registrieren Sie sich.

vermutlich kleine Anpassung in Style.css

Jetzt mitmachen!