Making a better usage of my blog space

  • Resolved 1a-spielwiese

    (@1a-spielwiese)


    10 years, 2 months ago

    Just thinking about margins and paddings, I would like to make a better usage of my blog space:

    — I would like to start with the text of the main column more on the left and place the entire Sidebar more on the right. The distance to the wrap should be same on both sides:

    https://1a-spielwiese.de/wp-content/uploads/2014/09/raender_aendern.jpg

    — How can I recognise, where in a certain CSS that distances are defined (and therefore, what I have to change)? Is it the same terminology and notation system for all CSS / WordPress-themes? Or can it be different from theme to theme?

Viewing 1 replies (of 1 total)
  • Thread Starter 1a-spielwiese

    (@1a-spielwiese)

    I found the solution:

    • I reduced the right margin of .secondary #content and #main .widget-area to 2.5%.
    • And I reduced the left margin of .secondary #content to 30 %.

    I have now the following code in my ‘Simple Custom CSS’-Plugin:

    /* Schrift gr??er + Blocksatz */

body {
	text-align: justify;
  	font-size: 14px;
}

/* Sidebar schmaler, Hauptspalte breiter, Abstand geringer, ?u?ere R?nder schmaler */

.secondary #content {
	margin: 0 30% 0 2.5%;
}

#main .widget-area {
    margin-right: 2.5%;
	width: 23.75%;
}

#main .widget-area .widget {
	margin: 0 auto;
	width: 85%; /* Choose any value you like */
}

/* nicht fett; kein Blocksatz  - für Schrift in Mitgliedersuche-Widget */

#buddypress .standard-form label {
	font-weight: normal;
	text-align: left;
}

/* schwarz; fett; kein Blocksatz */

.widget-title {
	color: #000000;
	font-weight: bold;
	text-align: left;
}

/* silber Hintergrund; Textabstand zum Rand für alle Widgets */

div#secondary {
	background: #C0C0C0;
	padding: 13px 0 17px 0;
}

/* Dark Magenta-Rahmen; Textabstand zu den Rahmen des jeweiligen Widgets */

div#secondary aside:nth-child(1n+1){
	border: 1px solid #8B008B;
  	padding: 0 10px 10px 10px;;
}

/* Schriftgr??e in den Menü-Tabs reduziert; kein fett */

#access a {
   	font-size: 11.5px;
  	font-weight: normal;
}

/* Schrift in BuddPress-Buttons vergr??ert */

#buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type="button"], #buddypress input[type="reset"], #buddypress input[type="submit"], #buddypress ul.button-nav li a, a.bp-title-button {
    font-size: 100%;
}

    Besides I have directly within the Reddle-CSS changend all

    color: #b12930

    into

    color: #8B008B

    And nearly all of them I made:

    font-weight: bold;

    All that results in:

    https://1a-spielwiese.de/wp-content/uploads/2014/09/raender_geaendert.jpg

Viewing 1 replies (of 1 total)
  • The topic ‘Making a better usage of my blog space’ is closed to new replies.