Change the default blog thumb icon with a default image.

Hi laptophobo!

Thank you for using Enfold.

Use this in the Quick CSS field:

.av-magazine-thumbnail a:before {
  content: '';
  background: #000 (IMAGE URL HERE) no-repeat center center;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}

Change the image url. Suggested image size is 49x49px.

Cheers!
Ismael

Hi!

Sorry for the delay. Please look for this code:

  background: #000 (IMAGE URL HERE) no-repeat center center;

The url part of the background property is missing. It should be:

  background: #000 url(IMAGE URL HERE) no-repeat center center;

Regarding the forum “white out” issue, it seems to be random and we’re still not sure what’s causing it. Just refresh the page if you encounter the issue again.

Regards,
Ismael

Hey!

Use this for the big magazine item:

.av-magazine-hero .av-magazine-thumbnail a:before {
  content: '';
  background: #000 url(https://69.36.167.36/bnm-2015/wp-content/uploads/2015/05/post-default-thumb.jpg) no-repeat center center;
  width: 49px;
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}

Use a larger thumbnail image and adjust the width and height.

Regards,
Ismael

Hey!

The code is working, all you need to do is to adjust it. You can request it here: https://kriesi.at/support/enfold-feature-requests/

Best regards,
Ismael

Hey!

@tarasiuk Please add following code to Quick CSS in Enfold theme options under General Styling tab

.home .blog-meta {
  display: none!important;
}

Regards,
Yigit

Hey!

@tarasiuk Have you applied the code i posted here? – https://kriesi.at/support/topic/change-the-default-blog-thumb-icon-with-a-default-image/#post-461525
That was for you, i checked your website.

Cheers!
Yigit