Topic Resolution: Resolved
  • Closed
  • Dominik Albrech
    Spectator
    May 12, 2015 at 3:43 pm #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
    May 12, 2015 at 6:05 pm #17447

    try this Custom CSS:

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

    Dominik Albrech
    Spectator
    Posts: 43
    May 13, 2015 at 8:15 am #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
    May 13, 2015 at 9:27 am #17471

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

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

    Dominik Albrech
    Spectator
    Posts: 43
    May 13, 2015 at 12:46 pm #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
    May 13, 2015 at 2:20 pm #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
    May 14, 2015 at 7:08 am #17503

    thanks Lukasz for the snippet…it might work 😉

    Dominik Albrech
    Spectator
    Posts: 43
    May 19, 2015 at 7:57 am #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
    May 19, 2015 at 1:30 pm #17571

    Try to use this:

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

    Dominik Albrech
    Spectator
    Posts: 43
    May 21, 2015 at 11:28 am #17682

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

    Roman
    Spectator
    Posts: 3147
    May 21, 2015 at 4:26 pm #17698

    try this Custom CSS:

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