Topic Resolution: Resolved
  • Closed
  • Dominik Albrech
    Spectator
    12.05.2015 at 15:43 #17441

    Hi there,

    is there a possibility to reduce the top-/bottom-margin of the “Read more…” button both in the blog shortcode and in the “normal” blog-view?

    Thanks in advance

    Roman
    Spectator
    Posts: 3147
    12.05.2015 at 18:05 #17447

    try this Custom CSS:

    .t4p-blog-medium .entry-meta {
    margin: 0;
    padding: 0;
    }

    Dominik Albrech
    Spectator
    Posts: 43
    13.05.2015 at 08:15 #17469

    Thanks Roman. Unfortunately, this doesn’t change anything.

    Perhaps, my English was to bad, to explain my problem, therefore I uploaded a picture for you:
    https://dl.dropboxusercontent.com/u/88859293/readmore.png

    I want to reduce the white spaces into the direction of the arrows.

    Roman
    Spectator
    Posts: 3147
    13.05.2015 at 09:27 #17471

    I see now, you meant line-height, not margin:

    a.read-more {
    line-height:25px;
    }

    Dominik Albrech
    Spectator
    Posts: 43
    13.05.2015 at 12:46 #17480

    Thanks Roman, but that wasn’t what I wanted – I guess my English isn’t specific enough ;-).

    I try it with another picture:

    https://dl.dropboxusercontent.com/u/88859293/readmore.png

    I want to “take out” the red marked spaces (and bring the seperator and the text / the text and the button / the button and the seperator closer togehter).

    Lukasz
    Spectator
    Posts: 45
    13.05.2015 at 14:20 #17481

    Try to use this:

    .t4p-blog-medium .entry-meta {
    margin: 0 !important;
    padding: 0 !important;
    }
    .t4p-blog-medium .post {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    }

    Roman
    Spectator
    Posts: 3147
    14.05.2015 at 07:08 #17503

    thanks Lukasz for the snippet…it might work 😉

    Dominik Albrech
    Spectator
    Posts: 43
    19.05.2015 at 07:57 #17568

    Thanks for your answer, Lukasz. It works fine for the most things.

    But is there also a possibility to reduce the space between the meta information (tags, categories…) and the “read more” button?

    Lukasz
    Spectator
    Posts: 45
    19.05.2015 at 13:30 #17571

    Try to use this:

    .t4p-blog-medium .entry-meta-details {
    margin: 0px !important;
    }

    Dominik Albrech
    Spectator
    Posts: 43
    21.05.2015 at 11:28 #17682

    Thanks Lukasz!
    Unfortunately, it doesn’t produce the expected result

    Roman
    Spectator
    Posts: 3147
    21.05.2015 at 16:26 #17698

    try this Custom CSS:

    .t4p-blog-medium .post,
    .t4p-blog-medium .entry-meta {
    margin: 0;
    padding: 0;
    }