badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

How to adjust Page width in Child theme?

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #78980
    Amit D.
    Participant

    I have created a child theme for Newscard. All things seems to be ok but the width of the site has changed. I need full width as same as newscard default theme. I checked every option in the customizer but not the appropriate way to change the width. please help.

    #78981
    Amit D.
    Participant

    Please see my site here https://news.cbshop.in

    #78986

    Hi cbshopmailer,

    We checked your Site but the Width is working very well. Could you please explain us in more where the width is not working as the default one.

    Thanks

    #111903
    Amit D.
    Participant

    Dear Admin,

    I hope this message finds you well.

    I recently noticed a comment on https://www.themehorse.com/support-forum/topic/how-to-adjust-page-width-in-child-theme/ containing a URL ( https://news.cbshop.in/ ) that leads to a non-existent page. Currently the URL changed to https://trends.cbshop.in/. This broken link negatively affects the SEO of both the comment page and the domain associated with the non-existent URL.

    Could you kindly remove or update this comment to prevent further SEO impact? Addressing this will enhance the overall user experience and maintain the integrity of your site’s link profile.

    Thank you for your prompt attention to this matter.

    Best regards,
    Amit D.
    Admin
    Cbshop.in

    #111942

    Hi there,

    Sorry we can not edit the customer replies, you can edit it by yourself.

    Thank you!

    #112509
    udyamregisterations
    Participant

    Since you’re using a child theme for Newscard, the width issue likely comes from missing or overridden styles in your child theme’s CSS or functions.php. Here’s how to fix it:

    1. Check the CSS in Your Child Theme
    Add or modify the following CSS in your child theme’s style.css file:

    css
    Copy
    Edit
    .container {
    max-width: 1200px; /* Adjust according to the Newscard theme’s default width */
    width: 100%;
    }
    If your theme uses .site, .wrapper, or another class for layout, inspect your site using Developer Tools (F12) to find the correct class.

    2. Ensure Parent Theme Styles Are Loaded
    In your functions.php, make sure you’re enqueuing the parent theme’s styles properly:

    php
    Copy
    Edit
    function my_child_theme_styles() {
    wp_enqueue_style(‘parent-style’, get_template_directory_uri() . ‘/style.css’);
    wp_enqueue_style(‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’, array(‘parent-style’));
    }
    add_action(‘wp_enqueue_scripts’, ‘my_child_theme_styles’);
    3. Check Theme Settings in the Customizer
    Even if you checked the Customizer, revisit Layout Settings and look for options related to Container Width or Full Width Layout. Some themes require explicitly setting this. udyam registration online

    4. Check the functions.php for Width Modifications
    If your child theme has any add_filter() or add_action() functions modifying container width, remove or adjust them.

    5. Inspect with Developer Tools
    Use Google Chrome DevTools (F12 > Inspect Element) to check which CSS rule is affecting the width. If it’s from the child theme, override it in style.css.

    Try these fixes and let me know if the issue persists! 🚀

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