Beiträge von markus181

markus181

Ok danke,

markus181

Mmhh also bei mir werden die Widgets Boxen immer noch überlappend dargestellt....^^

Sorry bin halt kein Webdesigner,

- - - Aktualisiert - - -

Ich habe gerade auf dem Tablet geschaut,dort wird es richtig angezeigt. Nutze aktuell den Browser Pale Moon, schaue mal mit einem anderen.
Sry

markus181

geht nicht irgendwie..

markus181

Also irgendwie will es bei mir nicht, ich habe die Widgets in der sidebar-home.php angelegt

aber wenn ich dort das div angeben, passiert nix.

HTML

<?php


// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) {
    exit;
}


/**
 * Home Widgets Template
 *
 *
 * @file           sidebar-home.php
 * @package        Responsive
 * @author         Emil Uzelac
 * @copyright      2003 - 2014 CyberChimps
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource     wp-content/themes/responsive/sidebar-home.php
 * @link           http://codex.wordpress.org/Theme_Development#Widgets_.28sidebar.php.29
 * @since          available since Release 1.0
 */
?>
<?php responsive_widgets_before(); // above widgets container hook ?>
    <div id="widgets" class="home-widgets">
        <div id="home_widget_1" class="grid col-300">
            <?php responsive_widgets(); // above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-1' ) ) : ?>
                <div class="widget-wrapper">


                    <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-1 ?>


            <?php responsive_widgets_end(); // responsive after widgets hook ?>
        </div><!-- end of .col-300 -->


        <div id="home_widget_2" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-2' ) ) : ?>
                <div class="widget-wrapper">


                    <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-2 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


        <div id="home_widget_3" class="grid col-300 fit">
            <?php responsive_widgets(); // above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-3' ) ) : ?>
                <div class="widget-wrapper">


                    <div class="widget-title-home"><h3><?php _e( '', 'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-3 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 fit -->






<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-4' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 4',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->


            <?php endif; //end of home-widget-4 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-5' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 5',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-5 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-6' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 6',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-6 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-7' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 7',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-7 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->




<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-8' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 8',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-8 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-9' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 9',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-9 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-10' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 10',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-10 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->


<div id="home_widget_4" class="grid col-300">
            <?php responsive_widgets(); // responsive above widgets hook ?>


            <?php if ( !dynamic_sidebar( 'home-widget-11' ) ) : ?>
                <div class="widget-wrapper">


                     <div  class="widget-title-home"><h3><?php _e( 'Home Widget 11',  'responsive' ); ?></h3></div>
                    <div
                        class="textwidget"><?php _e( '', 'responsive' ); ?></div>


                </div><!-- end of .widget-wrapper -->
            <?php endif; //end of home-widget-11 ?>


            <?php responsive_widgets_end(); // after widgets hook ?>
        </div><!-- end of .col-300 -->




    </div><!-- end of #widgets -->
<?php responsive_widgets_after(); // after widgets container hook ?>

Alles anzeigen

- - - Aktualisiert - - -

so ok das hat geklappt das sie wieder alle zusammen sind, allerdings sind Sie noch überlappend.

Wie bekomme ich das weg?

Habe das in die css der Child Theme eingefügt.

HTML

#home_widget_4 {
    width: 22.8%;
    height: 220px;
}

markus181

Hallo zusammen,

mir ist mein Programmierer/ Designer kurzfristig ausgefallen und ich selbst bekomme es nicht so recht hin.

Ich habe folgendes Problem.

Ich möchte auf der Seite http://michelfrisch.markusschirra.de unter den 3 Hauptwidgets, jeweils 4 Widgets nebeneinander haben und das auf zwei Reihen verteilt.

die Widgets konnte ich einrichten, allerdings stimmt die Ausrichtung nicht. und im CSS kenne ich mich nicht aus.

margin: auto; geht nicht bei den 4 Widget Spalten,

habe das hier in den css Code eingefügt

HTML

#home_widget_4 {
    width: 22.8%;
}

und habe diese Emphehlung bekommen
"wobei das schon falsches HTML ist, denn eine ID darf es eigentlich nur 1x auf einer Seite geben. Also besser auf Class umstellen."

Wie kann ich diese 4 Widgets so ausrichten das diese Mittig angezeigt werden?

Vielen Dank

Gruß Markus

Beiträge von markus181

Hilfe bei Wordpress Widget Ausrichtung

Hilfe bei Wordpress Widget Ausrichtung

Hilfe bei Wordpress Widget Ausrichtung

Hilfe bei Wordpress Widget Ausrichtung

Hilfe bei Wordpress Widget Ausrichtung