Archived topic
change commenmts form width (seems to be going out side the frame of the site)
17 replies · Started by Carl on October 14, 2018
Hi There
I have generate press and the premium and running beaver builder
On the blog posts which uses generate press pages the comments area shows good
On other pages where I have customised the look with beaver builder the comments area goes full width
which is not really very user friendly :-)
Can this be fixed with Css?
Many thanks
Carl :-)
Im using the most up to date generate press
Hi there,
Can you guide me to the page in question?
Thanks!
hi leo
this page is an example
https://www.carlbradbrook.com/higher-self-help-free-game-of-life-training/
many thanks
carl
You are using full width content here:
https://docs.generatepress.com/article/page-builder-container/
I don't think it's needed? Maybe try contained?
Hi Leo
Can you have a look at this page...
Im using full width here as it is double column (this is the page style for my main pages on my site )
I activated the comments so you can see it there...
https://www.carlbradbrook.com/contact-carl-andrew-bradbrook/
also same problem with comments running whole width of the browser
Many thanks
Leo
I changed the width to contained on the page... (just to show you - ive changed it back now)
with page container contained the problem is then my "Header row" I put in - which is specific to that style of content for pages .. doent run the full width and looks like a banner ad instead of header
defining thoses pages...
I have been through this whole width setting steps before and have set all the widths I want for
various styles of pages for my site ..
the only thing thats an issue is the width of the comments section... everything else Im happy with
How do I change the width of the comments section . Is there CSS ?
Many thanks leo
Carl :-)
Hi there,
this CSS should do the trick for all BB posts - just adjust the max-width to suit you content width:
.fl-builder .comments-area {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
This assumes there is no sidebar as you have on your Posts, aligning it to just the content when a sidebar is in place can be tricky.
Hi David
How are you?
You're a super star!
that worked like a dream :-)
Thanks too Leo for having a crack at it!
super grateful!
Carl :-)
One other question David
How do I remove the comments date .
I know that I can do it in a beaver builder module but this is not in a
specifi module.
Is there css for removing beaver builder comment dats site wide?
Many thanks :-)
Very well thanks Carl :) Glad we could both help.
Can you link me to a BB page that has comments?
I have unchecked the box in generate pressso that has removed the comments date from the generate press
posts pages BUT NOT from the other pages which I have used Beaver builder for
Many thanks
this page (i just re-published it for us to use - will put back to draft after -the other pages I have live are in protected members area)
Thx, so its just the WP comments form so this PHP snippet to remove the date and time:
// Remove comment date
function db_remove_comment_date($date, $d, $comment) {
if ( !is_admin() ) {
return;
} else {
return $date;
}
}
add_filter( 'get_comment_date', 'db_remove_comment_date', 10, 3);
// Remove comment time
function db_remove_comment_time($date, $d, $comment) {
if ( !is_admin() ) {
return;
} else {
return $date;
}
}
add_filter( 'get_comment_time', 'db_remove_comment_time', 10, 3);
https://docs.generatepress.com/article/adding-php/
Then this CSS to remove the extra |:
.comment-metadata > a {
display: none;
}
Hi David
I just used the Css and it took the date and time out
do i need to edit the php still? Is there anywhere else date and time will show up