make post the same width as page?

Home Forums WordPress Themes – Premium Flat Responsive make post the same width as page?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #16825
    gebseng
    Participant

    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/

    #22107
    Binaya D
    Participant

    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

    #22116
    gebseng
    Participant

    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)

    #22118
    Binaya D
    Participant

    Hi There,

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

    Thanks

    #22146
    gebseng
    Participant

    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)

    #22149
    Binaya D
    Participant

    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

    #22156
    gebseng
    Participant

    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

    #22164
    Binaya D
    Participant

    Hi There,

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

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

    Thanks

    #16826
    gebseng
    Participant

    Thanks, this works perfect now!

    best,

    geb

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.