make post the same width as page?
Home › Forums › WordPress Themes – Premium › Flat Responsive › make post the same width as page?
- This topic has 8 replies, 31 voices, and was last updated 6 years, 8 months ago by
gebseng.
-
AuthorPosts
-
November 17, 2015 at 7:41 pm #16825
gebseng
ParticipantDear 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
November 18, 2015 at 7:48 am #22107Binaya D
ParticipantHi 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
November 19, 2015 at 11:01 pm #22116gebseng
ParticipantThanks 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)November 20, 2015 at 7:45 am #22118Binaya D
ParticipantHi There,
Please use the Custom Css plugin or child theme to write/add the css.
Thanks
November 25, 2015 at 10:28 pm #22146gebseng
ParticipantHi 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)November 26, 2015 at 8:48 am #22149Binaya D
ParticipantHi 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
November 28, 2015 at 9:14 pm #22156gebseng
ParticipantHi 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
November 30, 2015 at 9:50 am #22164Binaya D
ParticipantHi There,
Please use the following css to fix the issue in post page:
.post.type-post { width: 60%; }
Thanks
November 30, 2015 at 10:18 am #16826gebseng
ParticipantThanks, this works perfect now!
best,
geb
-
AuthorPosts
- You must be logged in to reply to this topic.