Tagged: grid Toggle Comment Threads | Keyboard Shortcuts

  • gutrey 12:53 pm on March 1, 2017 Permalink | Flag unresolved

      Tags: grid, ,   

      Suidobashi Portfolio Projekt Seite 

      Hallo Elmastudio,

      ich verwende das tolle Suidobashi Theme und habe folgendes Problem.
      Mit diesem CSS Code verwandle ich die Portfolio Projekte zu einem 3 spaltigen Grid:

      @media screen and (min-width: 767px) {
      .jetpack-portfolio {
      width: 30%;
      float: left;
      margin-right: 3%;
      }
      }

      Leider wird dadurch die Portfolio Projekt Seite auch auf 30% verkleinert.

      Wie kann ich das verhindern?

      Danke für Eure Hilfe!
      Gruß,

      rey

       
      • Marc (Support-Team) 10:48 am on March 3, 2017 Permalink | Log in to Reply

        Hallo rey,

        wenn du den Code wie folgt abänderst, sollte er nur auf Archiv-Seiten greifen, also z. B. auf den nach Projektart gefilterten Seiten:

        @media screen and (min-width: 767px) {
            .archive .jetpack-portfolio {
                   	width: 30%;
            		float: left;
           	 	margin-right: 3%;
        	}
        }
        

        Viele Grüße
        Marc

      • gutrey 2:10 pm on March 6, 2017 Permalink | Log in to Reply

        super! Vielen Dank!

    • Kapitaensfrau 2:29 pm on February 21, 2017 Permalink | Flag unresolved

        Tags: , grid,   

        Hawea Blog einspaltig statt dreispaltig 

        Hallo Ellen und Marc,

        ist es möglich, den Blog von Hawea einspaltig statt dreispaltig anzeigen zu lassen?
        Ich freue mich über Hinweise und Codeschnippsel!

        Danke

         
        • Marc (Support-Team) 7:37 am on February 22, 2017 Permalink | Log in to Reply

          Hallo,

          ein erster Schritt für deine Anpassung könnte der folgende ergänzende CSS-Code sein:

          @media screen and (min-width: 860px) {
          	.post-container .hentry {
          		width: 100%;
          		float: inital;
          		margin-left: 0;
          		margin-right: 0;
          	}
          }
          

          Die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von “Element untersuchen”, “Element-Informationen” o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

          Viele Grüße
          Marc

      • christos 7:48 pm on November 25, 2016 Permalink | Flag unresolved

          Tags: , grid, ,   

          ZUKI: replicate front page layout in other category-pages 

          Hi!

          I am working on ZUKI; and my coding ability is next to… zero. :)

          I have arranged the sidebar menu in a way that each menu item points to a category (as opposed to a page). So, when someone clicks on a sidebar menu item named after e.g. “news” then this action takes him/her to a category-page that contains posts published under the “news” category.

          In the aforementioned category-page named after “news” the posts appear as full width, in chronological order, one after the other, until the bottom of the page.

          I would like to change this post-after-post layout to the “front page” layout, where I can have a grid of 4, 8 or 12 posts neatly arranged in boxes under a given category.

          Is this possible?

          Many thanks!

          Christos

           
          • Marc (Support-Team) 7:42 am on November 28, 2016 Permalink | Log in to Reply

            Hi Christos,

            with additional CSS code you can style your archive pages to display the posts in columns. Please understand, that we cannot provide help for individual customizations in the forum.

            Most browsers provide a tool to inspect the used CSS code of elements. Simply right click on an element and select “Inspect Element”, “Element Information” or else and the tool will open. It shows the used CSS and how to address the elements in custom code.

            The following code can be a start:

            .archive .site-content .post {
            	width: 29%;
            	float: left;
            	margin-right: 6.5%;
            	clear: none;
            }
            .archive .site-content .post:nth-child(3n+1) {
                margin-right: 0;
            }
            

            Best,
            Marc

        • sofia_alf 1:01 pm on October 13, 2016 Permalink | Flag unresolved

            Tags: grid,   

            Change Suidobashi into grid 

            Hello!

            I have the Suidobashi theme and was wondering if it’s possible to give my startpage the same grid appearence as when you’ve clicked on a post, instead of having all posts after each other. I think this would give it more like a portfolio-feel to it rather than a blog. How can I solve this?

            Regards
            Sofia

             
            • Marc (Support-Team) 2:45 pm on October 13, 2016 Permalink | Log in to Reply

              Hi Sofia,

              this can be done with additional CSS code or by using the jQuery Masonry script. The following code could be a start (works for the portfolio page template):

              .template-portfolio .portfolio-entry {
              	width: 32%;
              	float: left;
              	margin-right: 2%;
              	height: 550px;
              }
              .template-portfolio .portfolio-entry:nth-child(3n+3) {
              	margin-right: 0;
              }
              

              Please understand that we cannot provide help for individual customizations in the forum.

              Best,
              Marc

          • sinky 4:43 pm on August 2, 2016 Permalink | Flag unresolved

              Tags: grid,   

              Hallo ich setze gerade einen Fotoblog mit dem… 

              Hallo,
              ich setze gerade einen Fotoblog mit dem Theme Renkon auf: https://my-azur.de/fotografie/

              Leider funktioniert die Featured-Funktion nicht so ganz.

              Wenn ich ein Post/Bild der Kategorie “Featured” huinzufüge wird es wie gewünscht größer, aber dann ist das Grid außeinander geozgen und es entstehen Lücken.

              Aber das passiert nicht immer. Wenn ich z.B. ein anderen Post Feature dann klapp es.

              Kann mir da jemand helfen?
              Gruß Marco

               
              • Marc (Support-Team) 5:35 pm on August 2, 2016 Permalink | Log in to Reply

                Hallo Marco,

                dieses Problem entsteht leider, wenn der erste Beitrag in der featured-Kategorie enthalten ist. Eine Lösung ist mir leider nicht bekannt.

                Viele Grüße
                Marc

            • annabern 11:48 am on September 6, 2015 Permalink | Flag unresolved

                Tags: , grid, ,   

                Hello Ellen!

                I really like your Suidobashi theme, but there is one thing I would like to change: is it possible to have some sort of a grid lay out on the front page (sort of like in your other theme, Onigiri) rather than all entries one under the other? I’m new to WordPress and don’t have a feeling yet for what is doable and what not :)

                 
                • Marc (Support-Team) 8:51 am on September 10, 2015 Permalink | Log in to Reply

                  Hi,

                  unfortunately it would take quite a lot of work to merge both themes, but it’s totally doable. Maybe an alternative approach is more easy to implement. Here is a piece of example CSS code you can use to arrange the posts in two columns:

                  @media screen and (min-width: 767px) {
                      .jetpack-portfolio {
                          width: 50%;
                          padding: 20px;
                          float: left;
                      }
                  }
                  

                  Please be aware that this code is probably not sufficient, but gives you an idea of what is possible.

                  Please understand that we cannot provide help for theme customizations in the forum.

                  Best,
                  Marc

                  • annabern 6:21 pm on September 10, 2015 Permalink | Log in to Reply

                    Hello Marc,

                    thank you for your reply! I’m going to ask someone who’s better with web design than I am myself to help me with it anyway, just wanted to know if it is possible at all, so thanks for giving me hope!:)

              • beltx 3:22 am on February 19, 2015 Permalink | Resolved
                • Ellen (Support-Team) marked this resolved
                  4:17 pm on February 20, 2015
                • 4W2P8G5F6B9 marked this unresolved
                  1:41 pm on February 19, 2015

                Tags: grid, ,   

                Is there any manner to use different grids through the site.
                For exemple, I’d like to use a 3 column grid on some pages and 2 column on other category pages.

                I’m pretty sure it’s possible to tweak this somehow, just don’t know how to do it.

                Thanks in advance,
                Gabriel.

                 
                • Ellen (Support-Team) 4:17 pm on February 20, 2015 Permalink | Log in to Reply

                  Hi Gabriel,

                  unfortunately this is not possible in the Ubud theme (even with customizations in my opinion). It’s only possible to choose one grid for all posts in the theme.

                  I hope you still like Ubud!
                  Best, Ellen

              • erdteil 3:03 pm on July 31, 2014 Permalink | Flag unresolved

                  Tags: grid,   

                  Ubud Grid Problem 

                  Hallo,

                  ich habe gerade euer schönes Ubud Theme gekauft und installiert. Leider stoße ich laufend auf neue Probleme, von denen ich einige bereits über ältere Posts in diesem Forums lösen konnte.

                  Bislang ungelöst allerdings sind scheinbar willkürliche Lücken im Grid. Momentan habe ich 16 veröffentlichte Beiträge (und 2 Entwürfe) in einem Layout mit 4 Spalten und aktiviertem JetPack infinite scroll, WordPress 3.9.1. In der zweiten und vierten Zeile wird jeweils die letzte Spalte ausgelassen. Dieser Fehler wird in Firefox, Chrome & Safari gleich angezeigt. http://www.erdteil.de/wp

                  Ich freue mich über eine (hoffentlich ganz einfache) Lösung.

                  Vielen Dank und Gruß

                  Andreas

                   
                  • Inge 6:30 pm on August 3, 2014 Permalink | Log in to Reply

                    Hallo zusammen

                    Ich habe dasselbe Problem und finde nicht raus, woran es liegt: http://www.notizen-von-unterwegs.com/ . Danke für eure Hilfe.

                    Herzlichen Gruss, Inge

                    • Marc (Support-Team) 11:09 am on August 5, 2014 Permalink | Log in to Reply

                      Hallo,

                      leider kann ich die Probleme nicht nachvollziehen. Ihr habt sie möglicherweise bereits gelöst. Falls dem nicht so ist, bitte ich um einen Screenshot von der fehlerhaften Ansicht. Ihr könnt Screenshots in eure WordPress-Mediathek hochladen und die URL hier im Forum posten.

                      Viele Grüße
                      Marc

                      • Inge 6:23 pm on August 5, 2014 Permalink | Log in to Reply

                        Hallo Marc,

                        Ellen hat das Problem gelöst – Einstellungen: Lesen > Blogseiten zeigen maximal > auf 9 oder 12 stellen. Dann klappt alles bei mir.

                        Herzlichen Gruss, Inge – Danke für den Tipp mit den Screenshots!

                • zilka 1:55 pm on June 23, 2014 Permalink | Flag unresolved

                    Tags: , Browserfenster, grid, Grid-Layout,   

                    Ubud: Problem mit Grid-Layout bei schmalem Browser Fenster 

                    Hallo,
                    ich habe folgendes Problem;
                    Wenn das Browserfenster weniger als ca. 1200 px breit aufgezogen ist verschwindet das Grid Layout (hier 4-spaltig, 2-zeilig, Hochformat)
                    http://www.peter-vorwerk-paintings.de

                    Gibt es eine Lösung? Danke!

                     
                    • Marc (Support-Team) 9:05 am on June 24, 2014 Permalink | Log in to Reply

                      Hallo, das ist so beabsichtigt. Unterhalb von 1200 Pixeln Fensterbreite wird angenommen, dass es sich um ein mobiles wesentlich kleineres Gerät handelt und daher wird ab diesem Punkt auf die mobile Ansicht umgeschaltet. Du kannst diese Grenze mit einigem Aufwand jedoch verändern. In der style.css deines Themes findest du sogenannte Media Queries, die bestimmen ab welcher verfügbaren Breite, welche Regeln angewendet werden sollen.

                      Viele Grüße
                      Marc

                    • zilka 12:34 pm on June 24, 2014 Permalink | Log in to Reply

                      Vielen Dank für die Antwort!

                  • Coco 9:07 am on February 18, 2014 Permalink | Flag unresolved

                      Tags: grid,   

                      Hallo!
                      Vielen Dank für das schicke Renkon Theme; selbst als WordPress Anfänger haben mir Eure Erklärungen auch schon sehr weit geholfen!

                      Allerdings komme ich bei einem Problem doch nicht weiter…
                      meine Seite http://www.cornelia-enderlein.de

                      Benutze ich Bild-Beiträge mit der Kategorie featured (also große Vorschaubilder) sortieren sich die Beiträge nicht ordentlich in das Grid, sondern verteilen sich mit großen Lücken und ganze Felder bleiben frei.

                      Ich habe jetzt auch schon alles Mögliche ausprobiert: Regenerate Thumbnails, Neu-Installation der WordPress Seite inklusive Löschen der Datenbank, habe alles neu gemacht und das Problem bleibt erhalten.

                      Herzlichen Dank an alle!

                       
                      • Ellen (Support-Team) 9:17 am on February 21, 2014 Permalink | Log in to Reply

                        Hallo Coco,

                        das Renkon-Theme Grid ist kein gradliniges Grid-Laoyut, sondern die Artikel-Vorschaubilder reihen sich untereinander und nebeneinander ein, so wie sie Platz finden (du kannst das auch sehr schön auf unserer Theme-Showcaseseite sehen). Das Layout wird durch das Masonry-Script so dargestellt. Es ist hat also eher einen künstlerischen, freien Ansatz. Wenn du möchtest, dass alle Bilder gleich aufgelistet werden, kannst du aber einfach immer gleich große Vorschaubilder nutzen, dann wird das Layout sauber geordnet.

                        Ich hoffe meine Antwort ist hilfreich für dich.
                        Grüße, Ellen

                    c
                    compose new post
                    j
                    next post/next comment
                    k
                    previous post/previous comment
                    r
                    reply
                    e
                    edit
                    o
                    show/hide comments
                    t
                    go to top
                    l
                    go to login
                    h
                    show/hide help
                    shift + esc
                    cancel