Blogrand nach links verschieben

Guten Morgen,

es geht um die Seite:

http://kurtzangl-art.com/

Seit dem letzten Update haben sich die Ränder verschoben. Wer kann mir nun bitte einen Tipp geben, wie ich den Blogrand weiter nach links verschieben kann? Wahrscheinlich wird es dann so sein, dass die beiden Bilder, die zusammen gehören, dann wieder nebeneinander und nicht untereinander stehen.

Danke.
Walter

 

Zunächst vielen Dank und Entschuldigung, wenn ich mich unverständlich ausgedrückt habe. Ich versuche es besser zu machen:

wenn man sich die Seite ansieht, dann kommen die Bilder untereinander, und zwar seit dem Update. Vorher war es so, wie ich mal eine Test-Seite angelegt habe, siehe oben rechts in der Menuleiste: Disc Enigma Paintings – Test


Die Bilder sind auf dieser Testseite nur deshalb nebeneinander, weil ich sie auf 230 x 230 verkleinert habe. Wenn ich sie größer mache, dann erscheinen sie untereinander. Auf der Eingangsseite sind sie 340 x 340.

Nun glaube ich, wenn man den Blog weiter nach links schiebt, dass dann mehr Platz ist, und die Bilder auf der Eingangsseite wieder nebeneinander erscheinen. Vielleicht irre ich mich ja auch.

Blog nach links schieben habe ich hier mal mit einem Pfeil gekennzeichnet:



Hier der Text, wo die Bilder 340 x 340 groß sind:

<a href="http://kurtzangl-art.com/wp-content/uploads/18.jpg"><img class="alignnone wp-image-147" src="http://kurtzangl-art.com/wp-content/uploads/18.jpg" alt="Northern Light" width="340" height="340" /></a><a href="http://kurtzangl-art.com/wp-content/uploads/18w.jpg"><img class="alignnone wp-image-148" src="http://kurtzangl-art.com/wp-content/uploads/18w.jpg" alt="Northern Light on wall" width="340" height="340" /></a>
<strong>Northern Light</strong> (90 x 90 cm)
&nbsp;

Ich hoffe, dass ich es nun besser beschrieben habe, was ich gerne möchte.

Danke.
Walter

 

Herzlichen Dank. Leider klappt es nicht. Ich habe das mit "Class "alignnone"" heruasgenommen, es ändert sich aber nichts. Schau mal auf die Testseite. Da habe ich nun oben 2 Bilder eingefügt, und die links- bzw. rechtsbündig erscheinen lassen (meinst du das mit floaten?). Sie passen aber in der Größe 340 nicht nebeneinander. Ich vermute, die Blogbreite ist zu schmal. Kann das sein?

<img class="alignleft wp-image-490 size-full" src="http://kurtzangl-art.com/wp-content/uploads/2016/04/20dk.jpg" alt="20dk" width="340" height="340" /><img class="size-full wp-image-489 alignright" src="http://kurtzangl-art.com/wp-content/uploads/2016/04/18dk.jpg" alt="18dk" width="340" height="340" />



Danke.
Walter

 

Die Breite scheint zu stimmen, denn wenn ich auf Seite ansehen gehe, dann kann ich 2 Bilder nebeneinander darstellen. Aber nun ist etwas total durcheinander geraten. Jetzt wird der Text, der eigentlich unter den Bildern stehen soll, in der Mitte plaziert...

Ich habe mal eine neue Seite mit nur 2 Fotos angelegt, siehe oben rechts "Test2".

Da sind die Bilder leider etwas versetzt...


Danke.

 

@Sir Ector: schau dir mal die Seite "Test2" an...

in der ersten Reihe stehen zwei Bilder, aber versetzt, und in der Mitte steht der Text
darunter sind zwei Bilder, darunter der Text, die sollen aber nebeneinander, und der Text darunter

@Helix: danke, leider muss ich jetzt ausser Haus, ich werde es heute Abend versuchen, wie beschrieben auf 800 zu setzen...

Vorab Danke euch beiden.

 

SirEctor, danke.

Das habe ich mir angeschaut, aber ich verstehe dich nicht. Keine Ahnung, was Captions sind....und was ich anders machen kann. Danke.

 

Hallo Helix, sorry und danke, ich kann mich erst jetzt wieder drum kümmern: ich habe die Zeile in die style.css eingetragen, siehe unten, aber es gibt keine Änderung... Hast du noch eine andere Idee? Ich werde gleich auch mal ausprobieren, was SirEctor geschrieben hat...


/*
Theme Name: childtheme
Description: keine Lupe
Author: Walter Jahn
Author URI: http://www.kurtzangl-art.com/
Template: twentyfourteen
Version: 1.0
Tags:
*/

/* MY CUSTOM STYLES
--------------------------------------------- */
.search-toggle {
display: none !important;
}

<?php
/**
* The Header for our theme
*
* Displays all of the <head> section and everything up till <div id="main">
*
* @package WordPress
* @subpackage Twenty_Fourteen
* @since Twenty Fourteen 1.0
*/




?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
<![endif]-->
<?php wp_head(); ?>
</head>

.entry-content {
max-width: 800px;
}


<body <?php body_class(); ?>>
<div id="page" class="hfeed site">
<?php if ( get_header_image() ) : ?>
<div id="site-header">
<a href="<?php echo esc_url( home_url( '/?page_id=161' ) ); ?>" rel="home">
<img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</a>
</div>
<?php endif; ?>

<header id="masthead" class="site-header" role="banner">
<div class="header-main">
<h1 class="site-title"><a href="<?php echo esc_url( http://kurtzangl-art.com/?page_id=161 ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>

<div class="search-toggle">
<a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
</div>

<nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
<button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>
<a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
</nav>
</div>

<div id="search-container" class="search-box-wrapper hide">
<div class="search-box">
<?php get_search_form(); ?>
</div>
</div>
</header><!-- #masthead -->


<div id="main" class="site-main">



body {
background: #000000;
}

 

Hallo SirEctor,

zuerst danke.

Ich habe ds so nachvollzogen, wie du geschrieben hast, also den html-code eingefügt und den Code in die Style...

Die Unterschrift kommt nun darunter. Leider aber nicht linksbündig...

Es gibt aber keine Zeilenschaltung im Text, siehe unten. Frage ist also, woher kommt es, dass die Bilder versetzt sind?

Danke
Walter

Euch einen schönen Start in den Tag.


<img class="size-full wp-image-490 alignleft" src="http://kurtzangl-art.com/wp-content/uploads/2016/04/20dk.jpg" alt="20dk" width="340" height="340" />
<img class="size-full wp-image-489 alignright" src="http://kurtzangl-art.com/wp-content/uploads/2016/04/18dk.jpg" alt="18dk" width="340" height="340" />

<div class="clear">&nbsp;</div>
<strong>Fire Ball</strong> (100 x 100 cm)



<a href="http://kurtzangl-art.com/wp-content/uploads/24.jpg"><img class="alignnone wp-image-147" src="http://kurtzangl-art.com/wp-content/uploads/24.jpg" alt="Fire Ball" width="340" height="340" /></a> <a href="http://kurtzangl-art.com/wp-content/uploads/24d.jpg"><img class="alignnone wp-image-148" src="http://kurtzangl-art.com/wp-content/uploads/24dk.jpg" alt="Fire Ball - detail" width="340" height="340" /></a>
<strong>Fire Ball</strong> (100 x 100 cm)

<a href="http://kurtzangl-art.com/wp-content/uploads/24.jpg"><img class="wp-image-147 alignleft" src="http://kurtzangl-art.com/wp-content/uploads/24.jpg" alt="Fire Ball" width="340" height="340" /></a> <a href="http://kurtzangl-art.com/wp-content/uploads/24d.jpg"><img class="wp-image-148 alignright" src="http://kurtzangl-art.com/wp-content/uploads/24dk.jpg" alt="Fire Ball - detail" width="340" height="340" /></a>
<strong>Fire Ball</strong> (100 x 100 cm)

 

Ich habe nun auf der Testseite (rechts oben Test2) am Ende eine Tabelle eingefügt. Ist aber nicht so schön, weil man dann feine Steifen/Rahmen sieht. Nur: auch hier sieht man, dass der Rand zu weit rechts ist. Die ersten Bilder oben sind weiter nach links. Komisch..


@helix: ja, richtig: es sollen zwei Bilder nebeneinander stehen und einmal die Unterschrift, die für beide Bilder gilt.

Danke.

 

Danke, vielleicht stelle ich auf ein anderes Theme um...

Ich habe die Zeilenschaltung gefunden..

Hast du eine Idee für ein Theme? Im Moment benutze ich das das Standard-Theme...

Und wie bekomme ich den Text linksbündig?

Danke.
Walter