AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] can I make the comments section wider , i.e. to 100%?

✦ Summarize Topic

How-to and Troubleshooting

Last Post by intellicoach 4 years ago

5 Posts

2 Users

1 Reactions

1,478 Views

RSS

Posts: 10

intellicoach

Topic starter

Translate ▼

Jul 11, 2021 5:56 pm

(@intellicoach)

Active Member

Joined: 5 years ago

[#2227]

Hi, Is there a way to format the comment element in my posts, so that they take up the same space horizontally like other elements? Can I make it 100%?

Screenshot: The entire comments section should be as wide as the 100% wide elements above.

Thank you! Maik

Topic Tags

4 Replies

Posts: 8208

Asti

Support

Translate ▼

Jul 11, 2021 7:22 pm

(@asti)

Illustrious Member

Joined: 8 years ago

Could you please leave some example URL? We'll provide some CSS solution for you.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posts: 10

intellicoach

Topic starter

Translate ▼

Jul 12, 2021 1:32 am

(@intellicoach)

Active Member

Joined: 5 years ago

Thanks for the fast response!

Here are two examples: https://www.intellicoach.com/courses/ilap02/module-1/ilap-explorer-lesson-1-0/

https://www.intellicoach.com/ep62/

In both cases, I would love the have the comments element take up 100% of its encompassing div element.

I am using Divi builder, btw. I don't know how to code CSS, but I can figure out to add it in! Thanks a lot! Maik

1 Reply

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8208

Jul 12, 2021 12:19 pm

Reply to

intellicoach

Translate ▼

@intellicoach,

Use this CSS code:

.et_pb_module.et_pb_code.et_pb_code_1_tb_body {
    padding: 0 !important;
}
#wpdcom {
    max-width: 100%;
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Please don't forget to press Ctrl+F5 (twice) on the frontend before checking.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.