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
try this Custom CSS:
.t4p-blog-medium .entry-meta {
margin: 0;
padding: 0;
}
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.
I see now, you meant line-height, not margin:
a.read-more {
line-height:25px;
}
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).
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;
}
thanks Lukasz for the snippet…it might work 😉
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?
Try to use this:
.t4p-blog-medium .entry-meta-details {
margin: 0px !important;
}
Thanks Lukasz!
Unfortunately, it doesn’t produce the expected result
The topic Margin around "Read more…"-Button is closed to new replies