WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] problem with table width (10 posts)

  1. Yemoonyah
    Member
    Posted 3 years ago #

    Hi Tobias,

    I'm trying to make the width of my table smaller, so the images are almost next to each other on this site:

    http://metersenpeters.be

    I added the following custom css but nothing changes, even if I set the width to 600px or 6px :

    .wp-table-reloaded-id-2 .column-1 {
      width: 90px;
    }
    
    .wp-table-reloaded-id-2 .column-2 {
      width: 90px;
    }
    
    .wp-table-reloaded-id-2 .column-3 {
      width: 90px;
    }
    
    .wp-table-reloaded-id-2 .column-4 {
      width: 90px;
    }
    
    .wp-table-reloaded-id-2 .column-5 {
      width: 90px;
    }
    
    .wp-table-reloaded-id-2 .column-6 {
      width: 90px;
    }
    
    .wp-table-reloaded-id-2 .column-7 {
      width: 90px;
    }

    I use the newest versions of WordPress and your plugin

    Thank you!

  2. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Hi,

    this happens, because your images still have a margin around them, that separates them.

    So, likely this will be enough to achieve what you want (if my idea of what you want is correct :-) ):

    .wp-table-reloaded-id-2 img {
      padding: 0!important;
      margin: 0!important;
    }

    With that you should not need the width CSS commands at all. Can you try that?

    Best wishes,
    Tobias

  3. Yemoonyah
    Member
    Posted 3 years ago #

    Hat funktioniert!
    Vielen, vielen Dank :-)

  4. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Hi,

    sehr schön! :-)

    Tobias

  5. Yemoonyah
    Member
    Posted 3 years ago #

    Hi Tobias,

    ich habe gerade mein Theme ge-updated und jetzt funktioniert der Code nicht mehr. Kannst du mir nochmal helfen?
    Danke

    Yamile

  6. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Hallo,

    das liegt jetzt daran, dass dein neues Theme in den Tabellenzellen noch ein bißchen Abstand einbaut.

    Mit dem CSS-Code

    .wp-table-reloaded-id-2 td {
      padding: 0!important;
    }
    .wp-table-reloaded-id-2 {
      width: auto!important;
    }

    sollte alles wieder passen.

    Viele Grüße
    Tobias

  7. Yemoonyah
    Member
    Posted 3 years ago #

    Das war die schnellste Antwort die ich je im WordPress Forum bekommen habe. Jetzt stimmt alles wieder.
    Danke :-)

    Yamile

    p.s kann ich die Table eigentlich auch manuell in das Theme einbauen?
    Ich haette es gern im Header aber weiss nicht wie ich es da rein kriege.

  8. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Hallo,

    prima, das das geklappt hat.
    Wegen der schnellen Antwort hattest du wohl einfach Glück, dass ich gerade ins Forum geguckt habe :-)

    Manuell ins Theme einbauen geht auch. Dafür musst du dann dein Template Tag statt einen Shortcode benutzen. Das ist im Prinzip ein kleines Stück PHP-Code, dass das gleiche macht wie der Shortcode, nur eben irgendwo im Theme, außerhalb eines Artikels/Seite.
    Am besten guckst du dir mal die zugehörige Beschreibung zu Template Tags in der Doku auf http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/documentation/ an.

    Viele Grüße
    Tobias

  9. Yemoonyah
    Member
    Posted 3 years ago #

    Daaaanke :-)

  10. TobiasBg
    Member
    Plugin Author

    Posted 3 years ago #

    Bitte! :-)

    Tobias

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic