WP-Anfänger braucht Hilfe bei Änderung der Breite

  • Avatar von Unbekannt
    confusionkochen · Mitglied ·

    Hallo,

    ich brauche etwas Hilfe bei meinem Blog. Bin gerade erst dabei damit zu beginnen und habe nicht die geringste Ahnung von CSS usw. Trotzdem würde ich gerne die Breite meiens Blogs ändern, sodass der Bereich in dem Text, Fotos usw stehen breiter ist.

    Ich habe bereits ausführlich gegooglet und auch schon erfahren, dass ich das kostenpflichtige CSS Upgrade benötige. Bevor ich das allerdings bestelle würde ich gern ausprobieren wie ich die Breite dann überhaupt ändere. Dank der Vorschau-Funktion ist das ja auch kein Problem.
    Mein Problem ist jetzt, dass ich nicht weiß was ich in den CSS Stylesheet Editor einfügen soll um das zu probieren. ich konnte leider nur Informationen finden, dass ich gewisse Angaben im originalen CSS-Code ändern soll, aber wo finde ich den? Ich sehe nur folgenden Text:

    /* Welcome to Custom CSS!

    If you are familiar with CSS or you have a stylesheet ready to paste, you may delete these comments and get started.

    CSS (Cascading Style Sheets) is a kind of code that tells the browser how to render a web page. Here’s an example:

    img { border: 1px solid red; }

    That line basically means „give images a red border one pixel thick.“

    CSS is not very hard to learn. If you already know a little HTML it will be fun to move things around on the web page by changing your stylesheet. There are many free references to help you get started. You can find helpful links, starter stylesheets and knowledgable people in the forum:
    http://wordpress.com/forums/forum.php?id=3

    We hope you enjoy developing your custom CSS. Here are a few things to keep in mind:

    You can not edit the stylesheets of your theme. Your stylesheet will be loaded after the theme stylesheets, which means that your rules can take precedence and override the theme CSS rules. The Sandbox theme is recommended for those who would prefer to start from scratch.

    CSS comments will be stripped from your stylesheet. */

    /* This is a comment. Comments begin with /* and end with */

    /*
    Things we strip out include:
    * HTML code
    * @import rules
    * expressions
    * invalid and unsafe code
    * URLs not using the http: protocol

    Things we encourage include:
    * @media blocks!
    * sharing your CSS!
    * testing in several browsers!
    * helping others in the forum!

    Please use the contact form if you believe there is something wrong with the way the CSS Editor filters your code.
    */

    Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Die CSS-Datei ist im Quelltext deines Blogs verlinkt und ist (da es ja um das Design beim CSS geht) theme-spezifisch, d.h. wir brauchen den Link zu deinem Blog, um dir weiterhelfen zu können.

    Am besten stellst du dein Blog in deinem Profil als Webseite ein:
    http://en.support.wordpress.com/personal-settings/#account-details

    Dann ist dein Benutzername hier im Forum ein Link zu deinem Blog (und beim Kommentieren in anderen WordPress.com-Blogs ebenso).

    Gru0ß, Torsten

  • Avatar von Unbekannt
    confusionkochen · Mitglied ·

    Danke für den Hinweis. Ich habe den Link jetzt meinem Profil hinzugefügt, er wird allerdings nirgends angezeigt. Zumindest weiß ich nicht ob es geklappt hat…

    Daher hier auch nochmal der Link: http://runningcurry.wordpress.com/

  • Avatar von Unbekannt
    confusionkochen · Mitglied ·

    So jetzt hats geklappt!
    Danke :-)

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    Dein Theme Contempt hat u.a. folgende CSS-Datei:
    http://s2.wp.com/wp-content/themes/pub/contempt/style.css

    Um die Breite von 750 Pixel auf 950 zu erhöhen (für den content Bereich dann statt 450 entsprechend 650 Pixel) musst du folgendes eingeben: 

    #page {width: 950px;}
#content {width: 650px;}
#pagebar {width: 950px;}
#footer {width: 950px;}
#sidebar{margin-left: 730px;}

    Erläuterung:
    Diese Werte überschreiben die Werte aus der schon bestehenden CSS-Datei mit den neuen Werten. Mit #page wird der Blog insgesamt vergrößert, mit #content der Bereich wo die Artikel (die Inhalte) stehen, #pagebar ist die Navigationszeile, #footer die Fußzeile, der Header wird über #page schon verändert). Zuletzt wird die Sidebar noch an die richtige Stelle geschoben (die wird vom linken Seitenrand aus mit einem Abstand nach links „hingeschoben“, da habe ich einfach auf den vorherigen Wert von 530 Pixel die 200 Pixel, die ich den content-Bereich vergrößert habe hinzuaddiert.

    Jetzt musst Du nur noch das Hintergrundbild austauschen mit der neuen Größe. Es kann sein, dass dies nur mit den Originalwerten im Admin-Bereich geht. Aber auch das kann man manuell per CSS realisieren. Schreibe ich gleich nochmal dazu …

  • Avatar von Unbekannt
    zodiac1978 · Mitglied ·

    #headerimg{
    background: url(http://runningcurry.files.wordpress.com/2011/04/cropped-panang-curry-paste-1024x7791.jpg) no-repeat;
    }

    Den Link zum Bild dann einfach mit einem Bild in den Maßen 950×140 austauschen.

    Gruß, Torsten

  • Das Thema ‘WP-Anfänger braucht Hilfe bei Änderung der Breite’ ist für neue Antworten geschlossen.