Site logo

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

Viewing posts 1–15 of 18

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

https://imgur.com/1zSM8ac

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 :-)

https://imgur.com/9NiKXW0

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

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...

https://imgur.com/a/RZdR11P

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

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

This archived topic is closed to new replies.