Article Container Styling

  • Resolved katrinakvr

    (@katrinakvr)


    11 years, 8 months ago

    Hi Christopher,

    I think that this one will be easy. The space between the articles and sidebar seems a little wide and I’d like to increase the width of the article container.

    I “assume” (I know :)) that the width is set in the css, but I haven’t been able to find it.

    I’m more familiar with CSS than PHP, so I’m not totally helpless.

    Thanks as always.
    Katrina

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have section in the dashboard named, “Custom CSS”, “Custom Styles”, or “Jetpack”, or are you using a Child Theme?

    Thread Starter katrinakvr

    (@katrinakvr)

    Hi Andrew,

    I’ve created a child theme using Christopher’s Blocomo theme as the start. The parent theme is Twenty Twelve.

    My styles.css is from Blocomo and I haven’t modified it yet. The only thing that I’ve really modified so far is content.php.

    My Dashboard doesn’t have Custom Styles, Custom CSS or Jetpack.

    I usually use Notepad or Dreamweaver to edit code.

    Cheers,
    Kaatrina

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The space between the articles and sidebar seems a little wide

    In your Child Theme style.css file, add this;

    .widget-area .widget {
 margin-bottom: 1.4rem;
}

    Mess about with the 1.4 value to get what you want.

    I’d like to increase the width of the article container

    Add;

    .site-content {
 width: 70%;
}

    Mess about with the 70 value to get what you want.

    Thread Starter katrinakvr

    (@katrinakvr)

    Thanks very much Andrew,

    Did exactly what I needed. I had tried changing the margins in .site-content article which did not work.

    So thanks again!

    Katrina

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Article Container Styling’ is closed to new replies.