Integrity Posts Display - Remove Frame

Support
#1

Is there a way to remove the frame around the posts in the Integrity theme? I just want my posts to be an image with the title. I do not want the white frame around it. Is there a code for that?

Thank You

#2

Hi there,

Please add this code in the custom CSS:

.entry-wrap {
    box-shadow: none;
}

Hope this helps.

#3

Unfortunately, it seemed to do nothing. It may be hard to see, but I have arrows pointing to what I’d like to remove. Again, I’m using Integrity. I’d like those light gray borders removed, as well as the little icon next to the title. Is there a way to do all of this?

#4

Hi there,

Please try adding this code:

.entry-wrap {
    border: 0;
}

.entry-title:before {
    display: none;
}

.entry-featured {
    border: 0;
    padding: 0;
}

If you don’t see any changes, please provide the URL of your site.

Thank you.

#5

That did most of it. The big grey box surrounding the title, image, and text is still there. I’ve tried searching on this and can’t really find anything on removing it.

One other question, is there a way to put the text below the image?

#6

I used that CSS and it took away the gray box around the photo on tablet and mobile. I’d like to remove it for the Desktop view as well. How can we do that?

#7

Hi @steffenharris

To remove the border surrounding each post, please add this to Theme Options > CSS

.x-iso-container-posts>.hentry .entry-wrap {
	border-width: 0;
}

Regretfully, that would require a template modification which fall outside of the scope of support that we can offer.

@pearlmultimedia It is possible that you have an unclosed @media query on your custom CSS and the CSS that you just added accidentally enclosed on that block.

Please check your entire custom CSS here and address all found errors.

Thanks,

1 Like
#8

YES!! Thank you!! That is perfect

1 Like
#9

Glad we could help.

Cheers!

#10

Thanks, Nabeel!! For anyone else reading this, this is the CSS from Nabeel that I added and it worked – i.e., it did remove the border around the featured post on all device views. But I had to add it above the @media CSS – the problem was that I had inserted it below it.

.entry-wrap {
    box-shadow: none;
}
	.entry-wrap {
    border: 0;
}
.entry-title:before {
    display: none;
}
.entry-featured {
    border: 0;
    padding: 0;
}
	.x-iso-container-posts>.hentry .entry-wrap {
	border-width: 0;
}
#11

You’re most welcome and thanks for sharing the solution.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.