Support » Allgemeine Fragen » Hintergrund Page verkleinern und Farbe ändern??

  • Hallo liebe WP Gemeinde,

    ich habe folgendes Problem. Ich möchte gerne die Hintergrundfarbe ändern. Das geschieht doch in der style.css unter „Basic Structure“ oder?

    Weil wenn ich dort den Farbcode ändere, passiert rein gar nichts. Oder muss ich das in einer Theme CSS einstellen? Ich nutze das „Twenty Fourteen“ Theme.

    Ein Weiteres Kopfzerbrechen bereitet mir die Breite der Page. Also ich habe links und rechts eine Sidebar, und die möchte ich quasi breiter bekommen, sodass die Hauptpage (die ja auch farblich geändert werden soll) schmaler wird.

    Kann mir jemand sagen, wo ich das abändern kann? In der Style.css?
    Ich habe mal ein Ausschnitt aus der Style.css mit reingepackt. Ich hoffe das ist so verständlich…:-/

    Würde mich freuen, wenn jemand einen kleinen Tipp für mich hat…Sorry das ich den Quelltext so reinhaue…

    */
    
    /**
     * Table of Contents:
     *
     * 1.0 - Reset
     * 2.0 - Repeatable Patterns
     * 3.0 - Basic Structure
     * 4.0 - Header
     * 5.0 - Navigation
     * 6.0 - Content
     *   6.1 - Post Thumbnail
     *   6.2 - Entry Header
     *   6.3 - Entry Meta
     *   6.4 - Entry Content
     *   6.5 - Galleries
     *   6.6 - Post Formats
     *   6.7 - Post/Image/Paging Navigation
     *   6.8 - Attachments
     *   6.9 - Archives
     *   6.10 - Contributor Page
     *   6.11 - 404 Page
     *   6.12 - Full-width
     *   6.13 - Singular
     *   6.14 - Comments
     * 7.0 - Sidebar
     *   7.1 - Widgets
     *   7.2 - Content Sidebar Widgets
     * 8.0 - Footer
     * 9.0 - Featured Content
     * 10.0 - Multisite
     * 11.0 - Media Queries
     * 12.0 - Print
     * -----------------------------------------------------------------------------
    
    /**
     * 3.0 Basic Structure
     * -----------------------------------------------------------------------------
     */
    
    .site {
    	background-color: #fff;
    	position: relative;
    }
    
    .main-content {
    	width: 100%;
    }
    
    /**
     * 4.0 Header
     * -----------------------------------------------------------------------------
     */
    
    /* Ensure that there is no gap between the header and
       the admin bar for WordPress versions before 3.8. */
    #wpadminbar {
    	min-height: 32px;
    }
    
    #site-header {
    	position: relative;
    	z-index: 3;
    }
    
    .site-header {
    	background-color: #435052;
    	position: relative;
    	width: 100%;
    	z-index: 4;
    }
    
    .header-main {
    	min-height: 48px;
    	padding: 0 10px;
    }
    
    .site-title {
    	float: left;
    	font-size: 18px;
    	font-weight: 700;
    	line-height: 48px;
    	margin: 0;
    }
    
    .site-title a,
    .site-title a:hover {
    	color: #fff;
    }
    
    /* Search in the header */
    
    .search-toggle {
    	background-color: #AF0005;
    	cursor: pointer;
    	float: right;
    	height: 48px;
    	margin-right: 38px;
    	text-align: center;
    	width: 48px;
    }
    
    .search-toggle:hover,
    .search-toggle.active {
    	background-color: #8F0005;
    }
    
    .search-toggle:before {
    	color: #fff;
    	content: "\f400";
    	font-size: 20px;
    	margin-top: 14px;
    }
    
    .search-toggle .screen-reader-text {
    	left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
    }
    
    .search-box-wrapper {
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing:    border-box;
    	box-sizing:         border-box;
    	position: absolute;
    	top: 48px;
    	right: 0;
    	width: 100%;
    	z-index: 2;
    }
    
    .search-box {
    	background-color: #8F0005;
    	padding: 12px;
    }
    
    .search-box .search-field {
    	background-color: #fff;
    	border: 0;
    	float: right;
    	font-size: 16px;
    	padding: 2px 2px 3px 6px;
    	width: 100%;
    }
    
    /**
     * 7.0 Sidebars
     * -----------------------------------------------------------------------------
     */
    
    /* Secondary */
    
    #secondary {
    	background-color: #435052;
    	border-top: 1px solid #000;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    	clear: both;
    	color: rgba(255, 255, 255, 0.7);
    	margin-top: -1px;
    	padding: 0 10px;
    	position: relative;
    	z-index: 2;
    }
    
    .site-description {
    	display: none;
    	font-size: 12px;
    	font-weight: 400;
    	line-height: 1.5;
    }
    
    /* Primary Sidebar */
    
    .primary-sidebar {
    	padding-top: 48px;
    }
    
    .secondary-navigation + .primary-sidebar {
    	padding-top: 0;
    }
    
    /* Content Sidebar */
    
    .content-sidebar {
    	border-top: 1px solid rgba(0, 0, 0, 0.1);
    	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing:    border-box;
    	box-sizing:         border-box;
    	color: #767676;
    }

    [Formatierung repariert. Bitte Code immer auch als Code auszeichnen! Und nicht alles fetten.]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Hast Du schon mal in den Customizer geschaut (Design – Anpassen)?

    Sonst: Änderungen bitte nicht direkt im Theme (ist sonst beim nächsten Update weg). Immer per Child Theme oder per Custom CSS Plugin.

    (Die Angabe des Themes reicht. Wenn Code posten, dann nur den relevanten Teil und nicht die ganze oder den Großteil der Datei. Danke.)

    Gruß, Torsten

    Danke Torsten für die Info. Man kann zwar im Customizer eigentlich die Farbe ändern aber da passiert nichts. Wenn die Seite neu geladen wird, sieht man die eigentliche Farbe die eingestellt wurde.

    Scheint so, als wenn eine Maske drauf gelegt ist…
    Naja, und mit dem Child Theme komme ich nicht so richtig klar bzw schwint es nicht zu funktionieren :-/ Egal was ich für ein Button tätige, es passiert nix! Bin blutiger Anfänger in der WP hinsicht 😀

    Vielleicht ist für dich als Anfänger der Weg über dieses Plugin zum Anpassen besser:

    https://wordpress.org/plugins/styles/
    https://wordpress.org/plugins/styles-twentyfourteen/

    Gruß, Torsten

    Jau ich habe schon einige Plugins durch. Styles;Styles-Twentyfourteen; Child Theme usw.
    Aber ich sehe schon, im idealfall sollte sowas ohne Probleme zu ändern sein. Ich sollte mir gedanken machen, auf ein anderes Theme umzuziehen. Das wird ja ein Spaß…Bekomme ich denn ohne Verlust alle Inhalte mit auf das neue Theme? 🙂

    Edi

    (@psychosopher)

    Ja, selbstverständlich. Das ist die Idee von Themes. Kleinigkeiten wirst Du allerdings noch einmal einstellen müssen, beispielsweise Menüs und Widgets zuordnen. Die Menüs und Widgets selbst gehen aber nicht verloren.

    So, ich habe es mithilfe des Fire-Bug Plugins gefunden! Hätte ich so niiiie im Leben gefunden 🙂
    Danke nochmals!!

    Gleichzeitig hätte ich noch eine Frage:

    Ich würde gerne für die Beiträge die Reihenfolge der Infos ändern. Zum Beispiel steht ja zu jedem Beitrag die:
    „Uhrzeit – Von Wem – Bearbeiten“

    In welcher Datei ändert man denn sowas? Bzw. allgemein wo kann man denn Namen ändern?

    Wenn mir das noch einer sagen könnte, wäre ich über glücklich und sehr sehr Dankbar!! 😉

    Warum öffnest Du dazu nicht einen neuen Thread?
    Mit der ursprünglichen Frage hat das doch nichts mehr zu tun?

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Hintergrund Page verkleinern und Farbe ändern??“ ist für neue Antworten geschlossen.