How to adjust page width in pen news theme

The Pen News theme!

To adjust the page width in the Pen News theme, you can try the following methods:

Method 1: Using the Customizer

  1. Log in to your WordPress dashboard.
  2. Go to Appearance > Customize.
  3. In the Customizer, click on Site Identity.
  4. Scroll down to the Layout section.
  5. Look for the Container width option and adjust the value to your desired width (e.g., 1200px, 1400px, etc.).
  6. Click Save & Publish to apply the changes.

Method 2: Using CSS

  1. Log in to your WordPress dashboard.

  2. Go to Appearance > Theme Editor.

  3. In the Theme Editor, select the style.css file.

  4. Add the following CSS code at the end of the file:

    body {
    max-width: [your desired width];
    margin: 0 auto;
    }

    Replace [your desired width] with the desired width value (e.g., 1200px, 1400px, etc.).

  5. Click Update File to save the changes.

Method 3: Using a Page Builder

If you're using a page builder like Elementor, Beaver Builder, or Divi Builder, you can adjust the page width within the page builder settings.

For example, in Elementor, you can:

  1. Open the page you want to edit.
  2. Click on the Elementor icon in the top left corner.
  3. Click on Settings.
  4. Scroll down to the Layout section.
  5. Adjust the Container width value to your desired width.
  6. Click Save to apply the changes.

Remember to clear your browser cache and refresh the page to see the changes take effect.

If you're still having trouble adjusting the page width, feel free to provide more details about your setup, and I'll do my best to help you troubleshoot!