Change default image (notebook looking thing)

I think you may not be surprised to hear that the answer is ‘No’.

For some reason, I couldn’t get your suggestion to do anything but when I looked at the W3 page you pointed me to, I found and tried:

background-repeat:no-repeat;

…which may or may not be the same thing but it did stop the repeat when I changed the code to reflect the 40x40px dimensions of the image. However, the image is displayed exactly the same whether I use 30x40px or 40x40px in the code. But since it is small, it’s impossible to tell whether it is distorted or not.

So, count me as another very happy bunny.

Worthy of a Snippet imho — and even for consideration as an option in a future build of the theme since the default Page Icon is not a thing of great beauty in my eyes.

Oops. My bad.
But I’m glad I was in the wrong here, as it proves a good point: no one knows all of CSS by heart and no one needs to. One just needs to look it up. ??

Besides, there’s always the validation phase, where you spot typos and other minor mistakes.

Besides, there’s always the validation phase, where you spot typos and other minor mistakes.

Yes indeedy….Er, where would I find one of them? Do you mean the W3 validation website? Can it check my site on my localhost so that I can fix it up before publishing it?

Having now started working with posts, I see that my custom page icon/image is now attached to every post as a format icon – meaning that the default format icons are hidden and all formats are tagged with the same icon/image:

https://s1008.photobucket.com/user/3785/media/public/posticons.png.html

Is there a way for me to remove my custom page image on posts only so that the defaults icons show there instead?

TIA.

If you want to narrow down the cases on which .format-icon applies, just declare them more specific. For example, if you only want them on homepage add body.home in front of .format-icon:

body.home .format-icon { /*set of rules here*/ }

WP applies classes to the body element and enables you to customize the look of about anything (pages, posts, search results, custom post types, categories, author pages, archives and more…).

Thanks acub but I fear this is a bit rich for me. In my custom CSS I have the following and when I try changing “#main-wrapper ” to “body.home ” it doesn’t seem to differentiate between pages and posts so I haven’t yet found a way to have my custom icon on all pages except my home page and my blog/post pages. Does my custom image code make it more complicated?

#main-wrapper .format-icon {
position: relative;
padding-left: 50px;
}
#main-wrapper .format-icon:before {
content: "?";
opacity: 1;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
display: block;
background-image: url("https://localhost:8888/sitename/wp-content/uploads/2013/11/bslogo40x40_on_grey.png");
background-repeat:no-repeat;
}

The only problem I had was not understanding where you want the custom image and where not. If you say you want the icons on all pages except homepage and article pages, here’s what you need to replace the above code with:

body.page:not(.home) #main-wrapper .format-icon {
position: relative;
padding-left: 50px;
}
body.page:not(.home) #main-wrapper .format-icon:before {
content: " ";
opacity: 1;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
display: block;
background-image: url("https://localhost:8888/sitename/wp-content/uploads/2013/11/bslogo40x40_on_grey.png");
background-repeat:no-repeat;
}

acub, you’re a star. That hits it right on the head! It’s _exactly_ what I wanted – and I think it looks great. Why am I the only person on this thread when it’s such a spiffing mod? You have given me joy – and a decent night’s sleep tonight.

Thank you, thank you, thank you.