Spacing in comments

This topic has 8 replies, 2 voices, and was last updated 11 years, 4 months ago by Sakin.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
July 24, 2013 at 1:35 pm #12305

Printsev
Member

Hello,
I would like to know if there is a code to put Edit and Reply onto the same line?

Best regards,
R.P.

July 24, 2013 at 10:29 pm #12319

Sakin
Keymaster

@Printsev: I don’t get it what you mean, Can you send me the screenshot and also your site url?

July 24, 2013 at 10:45 pm #12320

Printsev
Member

Sorry about that, here they are:
http://thinkingbigucd.ie/
http://thinkingbigucd.ie/?p=20#comments
http://gyazo.com/d0bf9441f7e0fc92eaca6b41a7dbd169

July 25, 2013 at 8:19 am #12330
Sakin
Keymaster
@Printsev: It is difficult to manage just with css as it’s not coded in the same wrap. So, we have to play with position with CSS. I am not so sure about the position that will be exact or not. You can try adding in the following css in “Appearance => Theme Options => Custom CSS” box.
```
.comment { position: relative; }
.comment .reply {
	bottom: 70px;
    bottom: 7rem;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}
@media screen and (min-width: 1190px) {
.comment .reply {
	bottom: 90px;
    bottom: 9rem;
}	
}
@media screen and (max-width: 1060px) {
.comment .reply {
	bottom: 50px;
    bottom: 5rem;
}	
}
```
July 25, 2013 at 6:18 pm #12354

Printsev
Member

Thank you, that worked great,
http://gyazo.com/03ce275111b6341292786cd580131fbe
Is it possible to also reduce the gap between comments?

July 25, 2013 at 8:10 pm #12363

Printsev
Member

sorry just noticed a problem when logged out
http://gyazo.com/a4666666a21acd21792da01a0a3804eb

July 26, 2013 at 4:31 pm #12379
Sakin
Keymaster
@Printsev: Since you want to use that css for logged in css. Replace the above css with the following.
```
.logged-in .comment { position: relative; }
.logged-in .comment .reply {
	bottom: 70px;
    bottom: 7rem;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
}
@media screen and (min-width: 1190px) {
.logged-in .comment .reply {
	bottom: 90px;
    bottom: 9rem;
}	
}
@media screen and (max-width: 1060px) {
.logged-in .comment .reply {
	bottom: 50px;
    bottom: 5rem;
}	
}
```
July 26, 2013 at 6:52 pm #12389

Printsev
Member

thank you, all worked. except a little edit with rem: from 9rem at 1190px to 6.4rem and at 1060px from 5rem to 3rem.

July 27, 2013 at 9:24 am #12410

Sakin
Keymaster

ok cool
Author

Posts