raise the comment box

  • Unknown's avatar
    codigo29 · Member ·

    Hello! I have an important question. It is related to the comments. I wonder if I can put the part of ‘Write your comment here’ before comments that are already written, and not at the end as are set now

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    The height of that section is quite different between when logged in and when someone is not logged in and due to the code we have to use, the comments section will lose all relationship to the other elements of the page, so we have to account for both scenarios.

    Screenshot logged in: https://cldup.com/16qtDI4iLv.png
    Screenshot logged out: https://cldup.com/-JnzYWIv0M.png

    The following uses Media Queries to account for the differences in height between logged in and logged out users. There will be a large gap below the comment box until someone clicks inside the comment box to make a comment. I can’t see any way to account for that within the CSS. 

    /*comment reply box relocation to top of comment section*/
#comments {
	position: relative;
	padding-top: 450px;
}
.logged-in #comments {
	padding-top: 320px;
}
#respond {
	position: absolute;
	top: 0;
	width: 95%;
}
@media screen and (max-width: 600px) {
	.logged-in #comments {
		padding-top: 350px;
	}
}
@media screen and (max-width: 480px) {
	#comments {
		padding-top: 580px;
	}
	.logged-in #comments {
		padding-top: 450px;
	}
}
  • Unknown's avatar
    codigo29 · Member ·

    @thesacredpath You are right. It is a very strange space between the comment box and comments are already written (when you are not connected). Anyway thank you very much

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘raise the comment box’ is closed to new replies.