Blog Post Thumbnails have a red background instead of the full thumbail image

[Syndicator]

Hi guys, any place where I have a blog post thumbnail, where the thumbnail is not high enough, the background gets filled with red.

Now I know I could make the image larger and hence solve the issue but then the real image is too high on the page.

What i’d like to happen is for the thumbnail to fill the whole area irrespective OR have the background as the white.

Its a dev site @ http://118.127.42.182

[Cosmin – SUPPORT]

You could use the following custom CSS, for:

1) TRANSPARENT background color:

.recent-post figure, .wpb_box_text.coloured .box-content-wrap, span.highlighted, span.dropcap4, #respond .form-submit input, .loved-item:hover .loved-count, .flickr-widget li, #header-language-flags .current-language, .wpcf7 input.wpcf7-submit[type="submit"] {
  background-color: transparent !important;
}

or 2) WHITE

.recent-post figure, .wpb_box_text.coloured .box-content-wrap, span.highlighted, span.dropcap4, #respond .form-submit input, .loved-item:hover .loved-count, .flickr-widget li, #header-language-flags .current-language, .wpcf7 input.wpcf7-submit[type="submit"] {
  background-color: #FFF !important;
}

Regards,
————————————————————————————————————

Cosmin – Support

[Syndicator]

Thanks…however I am using contact form 7…wont this change my submit buttons too? Id rather not do that. Can I just omit that part of the css?

Ill try it and see anyway and advise.

If not other suggestions regarding resizing the thumbnails?

Simon

[Syndicator]

Hi Cosmin, doesnt work, cleared my caches, injected the code at the end of my CSS, turned off w3 cache.

No Effect on any elements at all.

Ideas?

Simon

[Syndicator]

OK Cosmin so inputting the code into the Pinpoint Theme area works, but not actually appending it to the css in the editor.

Anyway it works now and I removed teh reference to the contact form 7 and that is all good too

Not ideal, but a little tider thanks.

Simon

[Melanie – SUPPORT]

Hi, you should always add css we provide to the custom css options in the theme options, never edit the css files because you will need to replace them whenever an update is released.

Glad it works now 🙂
Cheers!