Image margin and padding does not change

  • Resolved YasPfav

    (@yaspfav)


    11 years ago

    Hello!

    I’m trying to change the margins and padding in one table that only contains images but it doesn’t work.

    I searched before posting and tried all the advice I’ve found such as adding #content #main and !important, as well as different codes… it still does not work. I suppose there is a problem with the theme I’m using.

    My table is here: http://anglo.edu.py/wp/?p=53 It is the one with the buttons under a chart image. (id 6)

    The website is not finished yet, just in case you see many unfinished stuff 😛

    Any help is very much welcomed!

    https://wordpress.org/plugins/tablepress/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The problem here is that your images are actually bigger than their colored part. The actual images have a rather big transparent margin around them.

    You will basically have to open those images in e.g. Photoshop or similar and “crop” them to make them smaller.

    Regards,
    Tobias

    Thread Starter YasPfav

    (@yaspfav)

    11 years ago

    LOL! OMG! I feel so silly! I was thinking about the codes and didn’t even think it could be the image border.

    Thanks a lot!

    The plugin is absolutely great by the way! 🙂

    Regards,
    Yas

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    BigJM

    (@bigjm)

    11 years ago

    Hi Tobias,
    First time that I join this forum and sorry for my English.

    I created a table to present my committtee http://www.schuman-trophy.eu/commite/ but I did not find the solution for avoiding space in the 1st column between the name and the picture.

    Moreover I tried to change the width of this 1st column and the background color of the 2nd one without success but I think that I properly inserted the CSS code.

    Thank you in advance for your help.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    There are just two small errors in your “Custom CSS”. The last selector of a selector block must not have a comma (right before the {). Thus, please try changing your last to blocks of CSS to

    .tablepress-id-101 .column-1 {
	width: 40%;
	padding: 0;
}

.tablepress-id-101 .column-2 {
	background-color: #C2F732 !important;
}

    Regards,
    Tobias

    BigJM

    (@bigjm)

    11 years ago

    Hi Tobias,

    Thank you very much for your quick reaction and sorry for the “stupid” error.

    In the same table, could you please tell me how I can remove the space between the texts/pictures and the borders.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    Hi,

    sure! For that, I suggest to replace

    .tablepress-id-101 .column-1 {
  width: 30%;
}

    with

    .tablepress-id-101 .column-1 {
  padding: 12px 8px !important;
  text-align: center;
}

    Regards,
    Tobias

    BigJM

    (@bigjm)

    11 years ago

    Good morning Tobias,

    Thank you for your last reply.

    Actually my previous question referred more to the space between the name and the bottom border (column 1) and between the text and the bottom border (column 2).
    http://www.schuman-trophy.eu/commite/

    I checked the previous answers related to this topic and tried several CSS code without success.

    Could you please help me once again to solve this issue ?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    Hi,

    ah, ok 🙂 To remove that, you will need some different CSS, as the space is coming from the margin of the <p> element that you are using:

    #content .tablepress-id-101 p {
	margin: 0;
}

    Regards,
    Tobias

    BigJM

    (@bigjm)

    11 years ago

    Great ! Thank you very much Tobias.

    Have a nice Sunday.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Image margin and padding does not change’ is closed to new replies.