• SaraMid

    (@saramideklint)


    Hi! I need help changing to full width on my static pages. I press the full width alternative but it does not work. I have installed a few plug-ins but have not myself changed any css is this becouse of the plug-ins?? How do I fix it? I would appreciate all help I can get =)

Viewing 11 replies - 1 through 11 (of 11 total)
  • You will need to change the width size in the css file.

    /**
    * 6.0 Content
    * —————————————————————————–
    */

    .content-area {
    padding-top: 48px;
    }

    .hentry {
    margin: 0 auto 48px;
    max-width: 672px;
    }

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    max-width: 474px;
    }

    Hope that helps.

    Cheers,
    K

    Make sure you are NOT modifying theme files – as the changes will be lost when WP is updated. Instead ADD that code to custom CSS and change it there.

    Thread Starter SaraMid

    (@saramideklint)

    Thanks! Unfortunatley I have never worked with css codes befor so I have no idea where to find them and what to exchange for what.. Could I mabey just reinstall the whole theme and hope it workes then?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin

    Then in the “CSS Code” section of the dashboard to hold your CSS modifications.

    it can be managed by identifying the css class and use preferred width size on your child theme. i think arask already identified it for you. if you are using jetpack you can use the custom css feature of the plugin to input the css snippet.

    Thread Starter SaraMid

    (@saramideklint)

    I have installed the manager plugin and entered the code above but it is still not working,have I left something out?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Change the “672” bit from here:

    .hentry {
    margin: 0 auto 48px;
    max-width: 672px;
    }

    And change the “474” bit from here:

    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content {
    margin: 0 auto;
    max-width: 474px;
    }

    Thread Starter SaraMid

    (@saramideklint)

    I apologize for my stupid questions but what is child theam and jetpack?

    Thread Starter SaraMid

    (@saramideklint)

    I am a complete noob with CSS and computers in general. Would anyone be willing to change the code for me? I could PM or email my password to anyone willing to help me.

    I want it to look something like this, width-wise: http://twentyfourteendemo.wordpress.com/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can hire someone to do this for you:
    http://jobs.wordpress.net
    http://directory.codepoet.com

    im not against hiring people but that said if you have the time
    why browse and learn css. http://www.w3schools.com/css/
    its pretty easy to learn actually

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Cannot change to full width’ is closed to new replies.