Blissful Home Title Images

[kimberlymwhd]

In the themes setup instructions it says
"In the demo, you can see an image icon to the left of the home page post titles.
These images can be changed to any icons you prefer – a PSD is included in the theme images folder for your editing convenience."

I did this, made 6 new images and saved them to my media library. I then changed the coding to match my category names and image URLS, some work and some won't. Can anyone help me figure out why?

On my website (http://www.barnsalebusiness.com) , the ones I know arent working are:
The Makers is supposed to show pink flag
Code is:
.home #content .category-makers h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-2.png) no-repeat left;
}

Here is my full code:
.home #content h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-1.png) no-repeat left;
height: 34px;
margin: 0 0 10px -30px;
padding: 13px 0 0 80px;
}

.home.sidebar-content #content h2 {
margin: 0 -30px 10px 0;
}

.home #content .category-event-spotlights h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-1.png) no-repeat left;
}

.home #content .category-makers h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-2.png) no-repeat left;
}

.home #content .category-products h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-3.png) no-repeat left;
}

.home #content .category-business-inspiration h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-4.png) no-repeat left;
}

.home #content .category-diy-inspiration h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-5.png) no-repeat left;
}

.home #content .category-thrifty-thursday h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-6.png) no-repeat left;
}

.home #content .category-weddings h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-3.png) no-repeat left;
}

.home #content .category-barn-sale-review h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-6.png) no-repeat left;
}

.home #content .category-craft-indie-market-review h2 {
background: #F0EFE9 url(http://www.barnsalebusiness.com/wp-content/uploads/2015/03/headline-post-6.png) no-repeat left;
}

http://www.barnsalebusiness.com/

[Susan]

I am seeing blue and pink flags next to your post titles - it appears you were able to resolve your issue. Let me know if you are still having issues.

[Tonya]

Hello,

Just scrolling through a few pages of content from the home page, I'm seeing that category-shopping and category-business-advice do not have a new images and therefore is loading the default.

You can see this on http://www.barnsalebusiness.com/page/2/ and http://www.barnsalebusiness.com/page/3/, http://www.barnsalebusiness.com/page/4/ for example.

I assume you are wanting custom images for these categories. You'll need to go through all of your categories and then decide which ones (if not all) you want a custom image for the flag area.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Author]

Posts