Zwei simple Fragen zum Design/Layout

Berliner

So, habe dann mal zwei sehr simple Fragen, die ich jedoch nicht selbst lösen kann. Ich benutze das Theme Paalam.

1. Ich möchte in der Sidebar vor einem Link ein Symbol hinzufügen. Das Symbol habe ich schon, jedoch gelingt es mir nicht, diesen einzufügen. Entweder geht dann der Text ebenfalls verloren oder nur das Bild taucht versetzt auf. Siehe Anhang, ich will das eigentlich genauso haben wie beim RSS-Feed.

2. Frage: Siehe Anhang 2, mir erscheint der Abstand zwischen Überschrift und Artikel zu groß. Wie geht dies kleiner?

Vielen Dank schon einmal!

Schönen Nachmittag!

PHP

<div id="sidebar" class="sidecol">
    <ul>  
<li>  
    <h2>Das Blog</h2>  
    <p>  
    <strong><?php bloginfo('name');?></strong><br/>  
    <?php bloginfo('description');?><br/>  
     


      <li class="feed"><a title="RSS Feed of Posts" href="<?php bloginfo('rss2_url'); ?>">Posts RSS</a></li>  
 <li><a href="google.de/"><abbr title="Google">Google</abbr></a></li>  
</li>

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

Berliner

Habe ich es zu umständlich formuliert oder irgendetwas anderes falsch gemacht?

Entschuldige, wenn ich so wirke, als würde ich Druck machen wollen.

Würde mich wahnsinnig über die ein oder andere Antwort freuen. Vielen Dank schon einmal.

Monika

durch die gestrigen (USER) Serverattacke wegen der neuen Version konnte ich zig Mal meine Antwort nicht abschicken :(

Code

<li><a href="google.de/" title="Google"><img src="pfadzumbild" height="bildhöheohnepx" width="bildbreite ohnepx" alt="Googlebild" /><abbr title="Google">Google</abbr></a></li>

für 2teres Bitte lInk zum Geschehen, ich kenne die gut 3000 themes einfach nicht auswändig

lg

freudenhaus

das dürfte wohl Seashore sein SeaShore 1.0 | Theme Viewer

freudenhaus

Falls es sich umSeashorehandelt, dann ändere mal in der style css folgendes

PHP

#main .entry 
{
    clear:both;
    padding: 10px 5px;
}

in dieses

PHP

#main .entry 
{
    clear:both;
    padding: 3px 5px;
}

und/oder folgendes:

PHP

.post .meta {
    margin-bottom: 10px;
    padding-left: 5px;
    font-size: 0.9em;
    color:#999;
}

in dieses

PHP

.post .meta {
    margin-bottom: 3px;
    padding-left: 5px;
    font-size: 0.9em;
    color:#999;
}

Berliner

Hallo,

die Lösung zur ersten Frage funktionier super.

nein, ist nicht das SeaShore, sondern das Paalam Theme.

Meine Style.css Datei sieht wie folgt aus:

PHP

/* 
Theme Name: Paalam
Theme URI: http://wpthemepark.com/
Description: <a href="http://wpthemepark.com/themes/paalam/" title="Paalam Theme">Paalam</a> is a WP ThemePark production, 
made free by <a href="http://www.webhostingbluebook.com" title="Web Hosting Bluebook" target="_blank">Web Hosting 
Bluebook</a>. Support is available at the <a href="http://forums.wpthemes.info" title="Support by Sadish" 
target="_blank">Forums</a>.
Version: 1.1
Author: Sadish Bala
Author URI: http://wpthemepark.com
*/
/* Elements */
* 
{
 margin:0;
 padding:0;
}
body {
 margin: 0;
 padding: 0;
 background:#eee url(img/bodybg.gif) fixed;
 font-family: Verdana,Tahoma, Arial, Serif; 
 line-height: 1.5em;
 font-size: 10px; /* IE5 Win */
   voice-family: "\"}\""; 
   voice-family: inherit;
   font-size: 10px; /* easy scaling */
   font-size: 0.76em;
 color: #333;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
 font-family:Georgia, Tahoma, Verdana, Arial, Serif;
 font-weight:normal;
 color: #333; 
}
p, blockquote, ul, ol {
 margin-top: 0;
 padding-top: 0;
 margin-bottom:0.5em; 
}
p 
{
 line-height:1.8em;
}
a:link, a:visited {
 color: #579;
 text-decoration:none;
 border-bottom:#c96 1px dotted;
}
a:hover,a:active 
{
 color:#960;
 text-decoration:none;
 border-bottom:#699 1px solid;
}
img.left 
{
 float:left;
 margin:0 1em 1em 0;
}
img.right 
{
 float:right;
 margin:0 0 1em 1em;
}
a img 
{
 border:0;
 padding-bottom:2px;
 border-bottom:1px dashed;
}
blockquote 
{
 margin:1em;
 padding:0 2em;
 background:url(img/quote.gif) no-repeat left top;
 color:#888;
}
fieldset 
{
 border:none;
}
dl {
 margin:1em 0px;
}
dt 
{
 font-weight:bold;
}
dd 
{
 margin:0.5em 1em;
 padding:0;
}
/* Header */
#header 
{
 background:url(img/header.jpg) no-repeat center;
 height:180px;
 width:900px;
 border:#ccc 3px double;
 margin:10px auto;
}
#header h1{
 padding: 10px 0 0 10px;
 font-size: 1.8em;
 font-variant:small-caps;
}
#header h2 {
 padding:  10px 0 0 10px;
 font-size: 1em;
 font-family:Tahoma, Verdana, Arial, Serif;
}
#header a {
 text-decoration: none;
}
#header * 
{
 color:#336;
}
/* Menu */
#menu 
{
 text-align:right;
 padding:0;
 height:30px;
 line-height:30px;
 background:#778899;
 width:900px;
 margin:0 auto;
 border:#ccc 3px double;
}
#menu ul {
 margin: 0 auto;
 padding:0;
 list-style: none;
}
#menu li {
 display: inline;
}
#menu a 
{
 padding:8px 16px;
 text-decoration: none;
 font-variant:small-caps;
 font-size: 1em;
 border:0;
 color:#eee; 
}
#menu a:hover, 
#menu a:active,
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
 background:#456;
 color:#fff;
 border:0;
}
/* Main */
#main {
 width: 900px;
 margin: 0 auto;
 background:#fff;
 border:#ccc 3px double;
}
#main h2 {
 padding: 5px;
 font-size: 1.6em;  
 line-height:1.2em;
 border-bottom:#ddd 1px solid;
}
#main h3 {
 padding: 5px;
 font-size: 1.4em;  
 line-height:1.2em;
 border-bottom:#ddd 1px solid;
}
#main h2 a 
{
 border:0;
}
#content ul {
 margin: 0.5em 0;
 padding: 0 0 0 2em;
 list-style-type:none;
}
#content ul li 
{
 padding:5px 0;
 list-style-image:url(img/arrows.gif);
 line-height:1.8em;
}
#content ol 
{
 margin:0;
 padding:0 0 0 3em; 
}
#content ol li 
{
    margin:0;
    padding:3px;
    line-height:1.8em;
}
#content .post 
{
 margin-bottom:3em;
}
#content .entry 
{
    clear:both;
 padding: 10px 5px;
}
.post .date {
 float: right;
 margin:5px 0 0 5px;
 padding:0 10px;
 text-align:center;
 font-size: 0.8em;
 border:#ccc 1px solid;
 font-weight:bold;
 background:url(img/bgstripes.gif) repeat;
 color:#468;
 font-family: "Lucida Sans", "Trebuchet MS", Verdana, Arial, Serif;
}
.post .date span 
{
 display:block;
}
.post .date .day 
{
 font-size:1.6em;
 color:#345;
}
.post .meta {
 margin-bottom: 10px;
 padding-left: 5px;
 font-size: 0.9em;
 color:#999;
}
.post .comments 
{
    font-size:0.9em;
    border-bottom:#ccc 1px dotted;
    color:#999;
    padding-left:17px;
    background:url(img/comments.gif) no-repeat left;
}
.post .comments a 
{
 border-bottom:0px;
}
#main .feed 
{
 list-style-image:none;
 background:url(img/icon_feed.gif) no-repeat left 3px;
 padding:3px 17px; 
}
#content .trackback 
{
 background:url(img/trackback.gif) no-repeat left 6px;
 padding:3px 12px; 
}
ul.authorposts
{
 margin:0;
 padding:0 2em;
}
ul.authorposts li
{
 margin:0;
 padding:5px; 
}
ul.authorposts li em 
{
 float:right;
 font-style:normal;
}
/* Content */
#content {
 float: right;
 width: 640px;
 padding:10px; 
}
/* Column Two */
#sidebar {
 float: left;
 width: 205px;  
 padding: 10px; 
 font-size:0.9em;
 margin:5px; 
}
#sidebar 
{
 border-right:#ccc 1px dotted;
}
#sidebar ul 
{
 margin:0;
 padding:0;
 list-style:none;
 background:none;
}
#sidebar li
{
 margin:0;
 padding:0;
 list-style:none;
 background:none;
}
#sidebar h2
{
 padding: 10px 0 0 0;
 font-variant:small-caps;
}
#sidebar p, #sidebar form
{
 padding:10px;
 margin:0;
}
#sidebar ul ul
{
 margin:10px 0 0 20px;
 padding:0;
}
#sidebar ul ul ul
{
 margin:0px 0 0 10px;
 padding:0;
}
#sidebar li li 
{
 list-style-image:url(img/bullet.gif);
 margin:5px 0;
 padding:0;
 
}
/* Begin Calendar */
#wp-calendar {
 empty-cells: show;
 margin: 10px auto 0;
 width: 155px;
 }
#wp-calendar #next 
a {
 padding-right: 10px;
 text-align: right;
 }
#wp-calendar #prev a {
 padding-left: 10px;
 text-align: 
left;
 }
#wp-calendar a {
 display: block;
 text-decoration:none;
 }
#wp-calendar #today 
{
 border:#999 
1px solid;
}
#wp-calendar caption {
 text-align: center;
 width: 100%;
 }
#wp-calendar td {
 padding: 3px 0;
 
text-align: center;
 }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
 background-color: #fff; }
/* End 
Calendar */
/* Comments */
input.textbox
{
 border:#ccc 1px solid;
 background:#f9f9f9;
 font:1em Verdana, Arial, Serif;
 padding:2px;
 width:150px;
}
textarea{
 width: 90%;
 padding:5px;
 height: 20em;
 border: 1px solid #ccc; 
 background:#f9f9f9;
 font:1em Verdana, Arial, Serif;
}
input.textbox:focus, textarea:focus
{
 background:#fff;
 border:#999 1px solid;
}
#commentform 
{
 margin:0;
 padding:10px;
 background:#fff;
}
#content .commentlist {
 margin: 0;
 padding: 0;
}
#content .commentlist li 
{
 list-style:none;
 margin: 0;
 padding: 1em;   
 border-bottom:#ddd 1px solid;
 font-size:0.9em;
}
#content .commentlist li .cmtinfo 
{
 padding:5px;
 margin-bottom: 5px;
 position:relative; 
}
#content .commentlist li .cmtinfo em 
{
 margin:0;
 padding:0 1em;
 font-weight:normal;   
 font-style:normal;
 color:#999; 
}
#content .commentlist li cite 
{
 font-style:normal;
 font-weight:bold;
 font-size:1.1em;
}
#content .commentlist li.alt
{
 background:#f9f9f9; 
}
#content .nocomments
{
 font-size:0.9em;
 color:#999;
 text-align:center;
}
/* Footer */
#footer {
 margin: 5px auto 0;
 padding:0 15px;
 width:870px;
 background: #333;
 border:#ccc 3px double;
}
#footer p {
 margin: 0;
 padding: 7px;
 font-size: 0.9em;
 color: #696; 
}
#footer p span 
{
 float:right;
}
#footer a:link, #footer a:visited {
 color: #696;
 border:0;
}
#footer a:hover, #footer a:active,#footer p strong {
 color: #eee;
 text-decoration:none;
 border:0;
}
#header, #content, #sidebar, #footer, .widget 
{
 overflow:hidden;

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Zwei simple Fragen zum Design/Layout

Jetzt mitmachen!