Bilder zentrieren (bisherige Lösungen helfen nicht)

UD40

Hallo zusammen!

Bekomme die Bilder auf meiner HP nicht zentriert (Theme: Folder). Auch nach dem durchsehen einiger Lösungen will es einfach nicht klappen. Wenn ich es als Admin erstelle, wird es mir zentriert angezeigt, auf der Seite ist es trotzdem linksbündig.

Hier eine betroffene Seite: http://ud40.de/collection/2007-08-premier-penmanship/

Über eine Lösung wäre ich sehr dankbar. Sollten weitere Infos nötig sein, kann ich die natürlich gern nachliefern!

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

mfitzen

Die sind doch zentriert... Lösche mal Deinen Browsercache oder deaktiviere mal vorhandene Cache Plugins.

UD40

Ich meine nicht die Gallerie. das habe ich hinbekommen. Ich meine den Schriftzug mit "Collection". Die PNG will ich zentriert über der Gallerie.

EDIT: Hier wird das Problem deutlicher: http://ud40.de/contact/

mfitzen

Zitat von UD40

Ich meine nicht die Gallerie. das habe ich hinbekommen.

Warum sagst Du dann nicht gleich, dass es Dir nicht um die Bilder der Galerie geht... :roll:

Code

.aligncenter { margin: 0 auto; display: block;}

UD40

Zitat von infected
Warum sagst Du dann nicht gleich, dass es Dir nicht um die Bilder der Galerie geht... :roll:
Code
.aligncenter { margin: 0 auto; display: block;}

Anfängengerfehler. ;-) und wo baue ich den Code ein?

mfitzen

in die style.css des themes

UD40

Das habe ich auch, funktioniert aber nicht. Ich denke es liegt daran, dass das style.css hier mit nem import arbeitet. Hier meine style.css:

Code

/* 
Theme Name: Folder
Theme URI: http://www.luiszuno.com/themes/wp-folder
Description: A Free Elegant WordPress Theme
Author: Luis Zuno 
Author URI: http://luiszuno.com 
Version: 1.0
. 
Get more free Themes at http://luiszuno.com/blog/
. 
*/ 




/* IMPORT MAIN STYLES */
@import url('css/style.css');

Alles anzeigen

Habe es über "/* IMPORT MAIN STYLES */ ", darunter und ganz unten eingefügt, nix hat gefunzt.

Tipps?

mfitzen

Ich kann den Code in keiner CSS Datei finden. Entweder Du hast ihn wieder entfernt, oder er wurde in eine falsche Datei geschrieben.

UD40

habe gerade die style css ganz geändert, mit einer vorlage, hat auch nicht gefunzt. jetzt ist wieder das original hergestellt.

vll hast du es deshalb nix gefunden?

jetzt ist wieder alles im originalzustand.

mfitzen

Ich hab mir nun extra das Theme heruntergeladen und in einer Testumgebung installiert. Die Anweisung gehört in die style.css des Ordners css. Dann funktioniert es auch. Du kannst es aber auch einfacher haben: Füge den Code einfach in den Themeoptionen unter Appearance settings -> Custom CSS ein.

PS: Durch Deine PNs antworte ich auch nicht schneller ;-)

UD40

Wow danke für die Mühe. Meinst du die appearance.php? Das wäre dann dieser Code:

PHP

<?php 
/*
* Overrides CSS appearance settings with options panel settings for appearance
*
*/
 ?>
<style type="text/css" >
    
    
    /* BODY --------------------------------------------------*/
    body {
        <?php 
            
            
            // Body Background
            $bg_path = get_option('ansimuz_bg_path');
            $bg_color = get_option('ansimuz_bg_color');
            $bg_repeat = get_option('ansimuz_bg_repeat');
            
            // set
            if( $bg_path != ''){
                echo  "    background-image: url(".$bg_path.");";
                echo "background-position: top left;";
                if( $bg_repeat != ''){
                    echo  "background-repeat: ".$bg_repeat.";";
                }
            }
            if( $bg_color != ''){
                echo  "background-color: ".$bg_color.";";
            }
            
            
        ?>
    }


    <?php  if(get_option('ansimuz_bg_no') == "true" ): // dot display background image at all ?>
         body{  background-image: none; }
    <?php    endif ?>
        
    
    /* HEADER --------------------------------------------------*/
    
    header {
        <?php 
            
            
            // Body Background
            $bg_path = get_option('ansimuz_headerBG_path');
            $bg_color = get_option('ansimuz_headerBG_color');
            $bg_repeat = get_option('ansimuz_headerBG_repeat');
            
            // set
            if( $bg_path != ''){
                echo  "    background-image: url(".$bg_path.");";
                echo "background-position: top left;";
                if( $bg_repeat != ''){
                    echo  "background-repeat: ".$bg_repeat.";";
                }
            }
            if( $bg_color != ''){
                echo  "background-color: ".$bg_color.";";
            }
            
            
        ?>
    }




    /* FOOTER --------------------------------------------------*/
    
    footer {
        <?php 
            
            
            // Body Background
            $bg_path = get_option('ansimuz_footerBG_path');
            $bg_color = get_option('ansimuz_footerBG_color');
            $bg_repeat = get_option('ansimuz_footerBG_repeat');
            
            // set
            if( $bg_path != ''){
                echo  "    background-image: url(".$bg_path.");";
                echo "background-position: top left;";
                if( $bg_repeat != ''){
                    echo  "background-repeat: ".$bg_repeat.";";
                }
            }
            if( $bg_color != ''){
                echo  "background-color: ".$bg_color.";";
            }
            
            
        ?>
    }
    
    /* CSS OVERRIDE --------------------------------------------------*/
    <?php
        $css = get_option('ansimuz_css');
        if( !empty($css)) echo $css;
    ?>
    
</style>

Alles anzeigen

Und was muss da jetzt wo hin?

mfitzen

...

Nein, ganz einfach: Du meldest Dich im Backend der WP-Installation an. Auf der linken Seite, da wo z.B. Dashboard, Design, Plugins etc steht, da findest Du auch den Punkt "Folder". Diesen klickst Du an. Dann klickst Du auf Appearance Settings und fügst unter Custom CSS diesen Code ein:

Code

.aligncenter {margin: 0 auto; display: block;}

Das ganze mit dem Button "Save changes" speichern und gut ist.

UD40

du bist mein Held!

1000 Dank!

robby55

kein Folder

Zitat von infected
...
Nein, ganz einfach: Du meldest Dich im Backend der WP-Installation an. Auf der linken Seite, da wo z.B. Dashboard, Design, Plugins etc steht, da findest Du auch den Punkt "Folder". Diesen klickst Du an. Dann klickst Du auf Appearance Settings und fügst unter Custom CSS diesen Code ein:
Code
.aligncenter {margin: 0 auto; display: block;}
Das ganze mit dem Button "Save changes" speichern und gut ist.

Finde in meiner Wordpress version 3.8.1 nicht den Reiter Folder

mfitzen

Weil Dein Theme vermutlich nicht "Folder" heißt... Und falls doch, dann ist es scheinbar nicht richtig hochgeladen worden.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bilder zentrieren (bisherige Lösungen helfen nicht)

Jetzt mitmachen!

Benutzer online in diesem Thema