Remove box in middle of Sela theme

Are you talking about the white box that half covers your featured image on a blog post?

If you can please give your website URL so we can get a better idea.

Thanks.

Hi, Yes I am. How can i remove that white box?

Also, for some reason my navigation bar is not bleeding out until the end of the page. How can I correct that?

Thanks for you help!

yaritzagonzalez.com (still working on it)

Do you have a child theme or a CSS Editor plugin?

To make corrections you need one of these options.

Yes I have an editor.

I have a child theme in place

OK good.

Try this code if you was a somewhat transparent box:

.front-page-content-area .with-featured-image {
    background-color: rgba(0, 0, 0, 0.2);
}

This one to remove it completely:

.front-page-content-area .with-featured-image {
    background-color: transparent;
    box-shadow: none;
}

Thank you for your help!

It got rid of the box (except the outline) but the text still shows up. Is there a way to remove that as well?

Sure add these codes:

Top Text:

.entry-title {
    display: none;
}

Bottom Text try this one:

p:last-child {
    display: none;
}

I see you have CSS code on your front page now.

.front-page-content-area .with-featured-image {
background-color: transparent;
}

Did you paste this there on accident?

I’ve used the code as well…many thanks…..but i have a single white line still across the image, possibly the bottom of the box.

any ideas on getting rid of it?

just found the answer to my question on another forum

.front-page-content-area .with-featured-image {
display: none;
}

Hi I have the same question about removing the box on the front page, where do I copy this code to remove it completely?

.front-page-content-area .with-featured-image {
background-color: transparent;
box-shadow: none;
}

Hi,

I would also like to remove the white box with text. I’m really new to this, so I don’t know where to add the code mentioned in the previous thread.

Thanks.

Thank you! This one works:
.front-page-content-area .with-featured-image {
display: none;
}
And you need a CSS plugin- AccessPress Custom CSS. Then it’s found under Settings.

Is there a way to have the box transparent, still have text, but no white line at the bottom? Any help would be greatly appreciated! ??