[akanekodani]

Hello again.
I made a press page using a blog template. In an archive page, a colored box (red) is appeared on right side of the featured image of the post. Is it a bug?
If that’s so, how can I fix this? Please let me know.
Thanks

[Juanfra Aldasoro]

Hello,

Thanks for writing.

It seems that one of your customization is breaking the original design. The class for the featured image should look this way:

body.page-template-template-blog-php .featured-image, body.category .featured-image, body.blog .featured-image, body.home .featured-image {
    float: left;
    margin-right: 3%;
    width: 45%;
}

Best,
Juan.

[akanekodani]

Thanks for the reply, Juan. Actually I updated the code in the custom.css, but still showing the red box in right. Does it have any other places that I need to fix?

[Juanfra Aldasoro]

Hello,

Thanks for writing. Have you changed the styles over the file style.css?

What version of the theme are you running?

Best,
Juan.

[akanekodani]

Hi Juan
I changed the styles over the file custom.css, not style.css.
I am running the version of 1.0.9.

[Juanfra Aldasoro]

Hi There,

I’ve been through your site and I’ve found a couple of things, please try the following CSS:

body.archive .featured-image{
	float: left;
    margin-right: 3%;
    width: 45%;
}

.archive .featured-image{
	margin: 0 0 20px;
}

.archive .featured-image a{
	 display: inline-block;
	 position: relative;
	 border: none;
	 padding: 0;
	 width: 100%;
}

body.archive .featured-image img{
	width: 100% !important;
}

Best,
Juan.

[akanekodani]

Hi Juan.
I replaced this code into the same location in my custom.css. and it worked perfectly!!
Thanks so much!

[Juanfra Aldasoro]

Excellent 🙂

I’m happy to hear that.

Have a nice day,
Juan.