make post the same width as page?

[gebseng]

Dear forum members,

I made a post and a page with the same content, but the post appears with almost full width, while the page is limited to a fixed with. Is there a way to make the post the same (smaller) width as the page?

here are two links:
page: http://knallfrosch.at/wordpress/naehkurse/
post: http://knallfrosch.at/wordpress/

thanks,

geb

http://knallfrosch.at/wordpress/

[Binaya D]

Hi There,

Please use the following css to fix your issue:

#fr-content-area .col-md-8 {
    width: 100%;
}

Note: Please use the custom css plugin or child theme to write the css. And you can keep the width percentage whatever you want.

Thanks

[gebseng]

Thanks for your swift reply! Sorry for my ignorance, but I’m not sure which file to edit to insert your code. Can you advise me on that?

Thanks,

geb

here is a list of all available files:

404 Template
(404.php)
archive-faq.php
Archives
(archive.php)
Comments
(comments.php)
content-aside.php
content-audio.php
content-gallery.php
content-image.php
content-link.php
content-none.php
content-page.php
content-portfolio.php
content-quote.php
content-search.php
content-single.php
content-singleinside.php
content-status.php
content-video.php
content.php
init.php
Footer
(footer.php)
forum.php
Theme Functions
(functions.php)
Header
(header.php)
Image Attachment Template
(image.php)
custom-header.php
customizecss.php
customizer.php
extras.php
jetpack.php
shortcode_fnc.php
template-tags.php
widgets.php
Main Index Template
(index.php)
404 Template
(page-templates/404.php)
Page Builder Page Template
(page-templates/page-builder.php)
Page Full Width Page Template
(page-templates/page-full-width.php)
Landing Page Template Page Template
(page-templates/page-landing.php)
Page Left Column Page Template
(page-templates/page-left-column.php)
Page Left & Right Column Page Template
(page-templates/page-left-right.php)
Page Template
(page.php)
logo-group.php
social-bar.php
Search Results
(search.php)
Search Form
(searchform.php)
sidebar-banner.php
sidebar-bottom.php
sidebar-content-bottom.php
sidebar-cta.php
sidebar-inset-bottom.php
sidebar-inset-top.php
sidebar-insetfull.php
sidebar-left.php
sidebar-right.php
sidebar-top.php
sidebar-woocommerce.php
single-jetpack-portfolio.php
single-style_portfolio.php
Single Post
(single.php)
class-tgm-plugin-activation.php
tgm.php
woocommerce-functions.php
woocommerce.php
Styles
Stylesheet
(style.css)
Visual Editor Stylesheet
(editor-style.css)

[Binaya D]

Hi There,

Please use the Custom Css plugin or child theme to write/add the css.

Thanks

[gebseng]

Hi again,

I’m sorry, but I still don’t understand. What is the name of the .php file I should add you code to? maybe Single.php?

Thanks

Gebhard

here is a list of all available files:

404 Template
(404.php)
archive-faq.php
Archives
(archive.php)
Comments
(comments.php)
content-aside.php
content-audio.php
content-gallery.php
content-image.php
content-link.php
content-none.php
content-page.php
content-portfolio.php
content-quote.php
content-search.php
content-single.php
content-singleinside.php
content-status.php
content-video.php
content.php
init.php
Footer
(footer.php)
forum.php
Theme Functions
(functions.php)
Header
(header.php)
Image Attachment Template
(image.php)
custom-header.php
customizecss.php
customizer.php
extras.php
jetpack.php
shortcode_fnc.php
template-tags.php
widgets.php
Main Index Template
(index.php)
404 Template
(page-templates/404.php)
Page Builder Page Template
(page-templates/page-builder.php)
Page Full Width Page Template
(page-templates/page-full-width.php)
Landing Page Template Page Template
(page-templates/page-landing.php)
Page Left Column Page Template
(page-templates/page-left-column.php)
Page Left & Right Column Page Template
(page-templates/page-left-right.php)
Page Template
(page.php)
logo-group.php
social-bar.php
Search Results
(search.php)
Search Form
(searchform.php)
sidebar-banner.php
sidebar-bottom.php
sidebar-content-bottom.php
sidebar-cta.php
sidebar-inset-bottom.php
sidebar-inset-top.php
sidebar-insetfull.php
sidebar-left.php
sidebar-right.php
sidebar-top.php
sidebar-woocommerce.php
single-jetpack-portfolio.php
single-style_portfolio.php
Single Post
(single.php)
class-tgm-plugin-activation.php
tgm.php
woocommerce-functions.php
woocommerce.php
Styles
Stylesheet
(style.css)
Visual Editor Stylesheet
(editor-style.css)

[Binaya D]

Hi There,

No, do not edit the core file of parent theme, we are telling that use the child theme or custom css or you can follow this link https://wordpress.org/plugins/simple-custom-css/ and download the plugin and use it in your WordPress/site after that please follow the following steps:
Go to Dashboard=> Appearance=> Custom css=> Then copy and paste the css which we have provided to you=> And click in the update custom css.
We hope you understand.

Thanks

[gebseng]

Hi again, and sorry for the continuing questions on this topic.

OK; I finally understood. I fixed the CSS, and when I use 100% with you custom CSS, posts and pages ahve the same width.
However, when I reduce the width to, say, 60%, only the pages get narrower, but the posts still stay at full page width. Is there a fix for that?

You can find the static page here (now at 80% with custom CSS):
http://knallfrosch.at/wordpress/

And the post page here (should also be 80%, but still is full width):
http://knallfrosch.at/wordpress/category/naehpaket/

thanks,

Gebhard

[Binaya D]

Hi There,

Please use the following css to fix the issue in post page:

.post.type-post {
    width: 60%;
}

Thanks

[gebseng]

Thanks, this works perfect now!

best,

geb

[Author]

Posts