Template mit Grid wird nicht richtig angezeigt

RimFrost

Moin Mon!

Ich versuche grad eine Grid ansicht die via Template ausgegeben wird an ein neues Theme anzupassen. Ich habe dieses Templte bereits mit dem Theme Catch Kathmandu erfolgreich im Einsatz und nun soll das für Twenty Eleven herhalten.
Leider will es überhaupt nicht wie ich will

Am Template selber scheint es nicht zu liegen sondern eher am CSS.

Im Moment sieht der Code so aus:

PHP

.gridpodcast h3 a{
    color: #373737; 
    font-size: 13px;
}
.gridpodcast .griditemleft{
    float: left; 
    width: 170px; 
    height: 170px;
    margin: 0 30px 20px 0;
    padding-left: 30px;
    line-height: 1;
}
.gridpodcast .griditemright{
    float: left; 
    width: 170px;
    line-height: 1;


}
.gridpodcast .postimage{
    margin: 0 0 5px 0;
    border: 1px solid #000000;
    box-shadow: 10px 10px 5px #888888;
}

Alles anzeigen

Das Ergebniss sieht so aus:

Auch ein ändern von width auf height hat keinen Erfolg gebracht

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

mensmaximus

Bitte einen Link zur Seite posten. Wir müssen den Quellcode sehen.

RimFrost

hier ist die Testseite
http://wordpresstest.talker-lounge.de/podcasts/

alchymyth

- in der style.css vom child-theme sollte nicht die vollstaendige CSS vom eltern-theme eingefuegt werden, sondern mit @import... gearbeitet werden;
- die CSS fuer das [COLOR=#0000ff].clear [/COLOR]ist nicht definiert;
- das bild ist zu gross und sollte automatisch angepasst werden;
- fuer ein responsives theme sollte die weite von elementen am besten in % angegeben werden;

versuch:

Code

.gridpodcast .griditemleft img, .gridpodcast .griditemright img { max-width: 100%; height: auto; }
.gridpodcast .griditemleft, .gridpodcast .griditemright{ width: 43%; margin: 1%; padding: 2% }
.gridpodcast .clear { clear: both; }

die CSS fuer kleine browser muss noch angepasst werden.

RimFrost

Danke, ich probier den Code asap aus.
Ist auch nicht mein Lieblingstheme und treibt mich noch in den Wahnsinn :D

Monika

Zitat von alchymyth

- in der style.css vom child-theme sollte nicht die vollstaendige CSS vom eltern-theme eingefuegt werden, sondern mit @import... gearbeitet werden;......

@import ist nicht mehr state of art :-)

http://codex.wordpress.org/Child_Themes#H…e_a_Child_Theme

PHP

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );


}

gericoach

wo liegt der entscheidende Unterschied zwischen @import und add_action? Welchen Vorteil bringt es mit?

Monika

Zitat von gericoach

wo liegt der entscheidende Unterschied zwischen @import und add_action? Welchen Vorteil bringt es mit?

@import wird langsamer "abgearbeitet" als eine Verlinkung

RimFrost

Moin Moin!
So ich hab mir den Code mal angeguckt und nach ein bissl schrauben hier und ein bissl kleben da läuft es anscheinend - DANKE. Auch für den Hinweis mit der .css

WAs mir aber noch auf gefallen ist das die Bilder immer beschnitten werden, obwohl ich die Option unter Einstellungen -> Media deaktiviert habe

Monika

Zitat von RimFrost

Moin Moin!
So ich hab mir den Code mal angeguckt und nach ein bissl schrauben hier und ein bissl kleben da läuft es anscheinend - DANKE. Auch für den Hinweis mit der .css

WAs mir aber noch auf gefallen ist das die Bilder immer beschnitten werden, obwohl ich die Option unter Einstellungen -> Media deaktiviert habe

suche in der functions.php nach

add_theme_support( 'post-thumbnails' );

wenn dort der letzte Parameter "true" heißt, dann wird beschnitten

http://codex.wordpress.org/Post_Thumbnails

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Template mit Grid wird nicht richtig angezeigt

Jetzt mitmachen!