# Adding padding to the page's Heading & Images to the sidebar

**URL:** <https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614>\
**Category:** Sparkling\
**Created:** [December 5, 2014, 11:33am UTC](https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614 "2014-12-05T11:33:11Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nickanton](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/n/e47c2d/32.png) [@nickanton](https://colorlibsupport.com/u/nickanton)\
**Post date:** [December 5, 2014, 11:33am UTC](https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614/1 "2014-12-05T11:33:11Z")

</div>

Hi,

I would like to know how I can adding padding to the Heading of my pages.

I want my pages to be full width without the sidebar. As a result the lines are very long, so I want to add padding at both sides to center the content and make the lines shorter. The problem is that I don’t know how to add padding to the main heading and it looks out of alignment with the main content.

How could I fix that?

Secondly, I have in the sidebar the Most Popular Posts widget. The posts appear fine, but there a grey squares instead of images. How can I add images there?  
You can check out my website here: [http://www.allthingsstrength.com/](http://www.allthingsstrength.com/)

Thanks for this great theme!

---

<div class="post-metadata">

**Author:** ![aigars-silkalns](https://colorlibsupport.com/user_avatar/colorlibsupport.com/aigars-silkalns/32/13469_2.png) [@aigars-silkalns](https://colorlibsupport.com/u/aigars-silkalns)\
**Post date:** [December 5, 2014, 8:01pm UTC](https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614/2 "2014-12-05T20:01:02Z")

</div>

1. Could you please post a link to page where you are using full-width template? All pages I see on your website have short titles (Contacts, About, Resources).

2. You need to use featured images for your posts to get thumbnails for popular post widget. Here is how [featured images works in WordPress.](http://en.support.wordpress.com/featured-images/)

---

<div class="post-metadata">

**Author:** ![nickanton](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/n/e47c2d/32.png) [@nickanton](https://colorlibsupport.com/u/nickanton)\
**Post date:** [December 6, 2014, 4:16pm UTC](https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614/3 "2014-12-06T16:16:28Z")

</div>

Thanks for the reply!

You can check some full-width pages here:

- [http://www.allthingsstrength.com/disclaimer/](http://www.allthingsstrength.com/disclaimer/) -\> ,I have padding on both sides with \<div style=“padding: 0px 140px 0px 140px;”\>

I want the main heading to be aligned with the text, like the rest of the headings.

- [http://www.allthingsstrength.com/almost-done/](http://www.allthingsstrength.com/almost-done/) , without padding

---

<div class="post-metadata">

**Author:** ![aigars-silkalns](https://colorlibsupport.com/user_avatar/colorlibsupport.com/aigars-silkalns/32/13469_2.png) [@aigars-silkalns](https://colorlibsupport.com/u/aigars-silkalns)\
**Post date:** [December 6, 2014, 9:02pm UTC](https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614/4 "2014-12-06T21:02:11Z")

</div>

Add this code to Appearance - Theme Options - Other - Custom CSS make the same padding as your content:

```auto
.page-template-page-fullwidth-php .entry-title {
  padding: 0 140px;
}

```

But since your other page uses the same full-width template above given code will apply to this page as well. If you don’t want it to happen you can target page by its ID, so only on Disclaimer page page title will have padding. Here you is exact code for that page:

```auto
.page-id-129 .entry-title {
  padding: 0 140px;
}

```

So first one is universal code for all full-width pages and second one is for disclaimer page only because it targets its ID.

---

<div class="post-metadata">

**Author:** ![nickanton](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/n/e47c2d/32.png) [@nickanton](https://colorlibsupport.com/u/nickanton)\
**Post date:** [December 7, 2014, 3:18pm UTC](https://colorlibsupport.com/t/adding-padding-to-the-pages-heading-images-to-the-sidebar/6614/5 "2014-12-07T15:18:43Z")

</div>

Thanks a lot! 😃
