Change width of Sparkling WordPress theme on my blog

Sparkling
1

Hi,
I want to increase the width of the theme. How can I do that?
I am not good in wordpress so may be it’s silly question :slight_smile:
learnseleniumtesting.com/

2

You need to use a different approach if you want to increase content width but leave sidebar width the same or make some other combination. However, if you just to create the entire website wider you can use code like this via Appearance >> Theme Options >> Other >> Custom CSS.

@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}

If you want to expend it even further just change 1300px; to width that you want to use.

Let me know if this is what you were looking for.

3

Hi! How to increase content width but leave sidebar width the same ??

4

@brubru10

You can do it by using code like this:

@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
  .main-content-inner.col-sm-12.col-md-8 {
    width: 70%;
  }

  #secondary.widget-area.col-sm-12.col-md-4 {
     width: 30%;
  }
}

Add this code to Appearance >> Theme Options >> Other >> Custom CSS.

5

After adding upper code, post’s main image don’t stretch to new width (keep scaled). How can it be fixed ?

6

@awelson

Please start a new thread as this one is marked as resolved and information might be outdated and we will help you from there.