Getting Rid Of A Grey Border

[Jesse]

On my individual blog posts there is a grey border surrounding my subscribe box at the bottom of each post.

This can be seen here: http://drjessechappus.com/7-healthy-ways-to-increase-your-energy/

I have the code for the sub box in a widget in "after post"

I'm using the Prose child with Genesis.

I've went through all the design settings of this child theme and can't seem to find a way to remove the grey border. Any ideas??

Thanks!

 

[Brad Dalton]

You mean the grey background?

Line 861 of your child themes style.css file shows this:

	.after-post {
	background: #f5f5f5;
	clear: both;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 10px;
}

Change the background properties value to white or #fff or transparent.

All code changes should be done in the themes special custom CSS code box otherwise they will be overwritten if you update the child theme.

---

Tutorials for StudioPress Themes.

[WMcKinley]

Hi,
Using Firebug I see where the grey background is coming from in the

.after-post {
background: none repeat scroll 0 0 #F5F5F5;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 10px;

If you can find that in your style sheet you can change the color to #FFFFFF and it will be white

---

W. McKinley – PowerEmini.com

[Jesse]

Thanks Brad!

Are you talking about the grey border surrounding the blue subscribe box. This is what I'm trying to remove.

Where is this special custom CSS code box? I always edit in the editor under appearance.

[Jesse]

I tried that investing systems and it stayed the same.

I didn't see this in the code like you mentioned though... none repeat scroll 0 0

Any other ideas?

Thanks!

[Brad Dalton]

Prose is a bit different and includes a special box for Custom code where all the modification should be made.

Don't see any grey border only a light grey background.

There's a blue border: border: 2px solid #91C1DF !important;

element.style {
    background: -moz-linear-gradient(center top , #CDE4F2 0%, #CDE4F2 100%) repeat scroll 0 0 transparent !important;
    border: 2px solid #91C1DF !important;      
    border-radius: 0 0 0 0 !important;
    font-family: 'Georgia',Helvetica,Arial,sans-serif !important;
    width: 99% !important;
}

---

Tutorials for StudioPress Themes.

[Jesse]

Thanks Brad!

The blue border is supposed to be there... I think they light grey background is what I'm calling the border. So we're on the same page now.

Where is this box for custom code in my theme?

And I did try changing that code you mentioned in your first post to #FFFFFF and nothing changed. What exactly do I need to put in there to make it white?

[Brad Dalton]

Genesis > Custom Code > Custom CSS

Throw this code in there and hit the save button:

 .after-post {
background: #fff;
clear: both;
margin: 0 0 10px;
overflow: hidden;
padding: 10px;
}

---

Tutorials for StudioPress Themes.

[Jesse]

I got it, thanks!

So to make the .css change you recommended do I put all those lines in that custom code box and leave the code in the editor alone?

Does the code in the custom code box override the editor?

[Brad Dalton]

Yes, Yes & Yes.

---

Tutorials for StudioPress Themes.

[Jesse]

Well thank you for all your help! It worked!

And now I know a little more about my child theme.

One last thing if you don't mind... When you are on my homepage and hover over the drop menu "FOR THE PATIENT" the bottom part of it gets hidden behind the YouTube video. Any ideas how I can keep that above?

Thanks!

[Brad Dalton]

Good question. I'll try and find a solution for it using Google.

---

Tutorials for StudioPress Themes.

[Jesse]

Thanks for looking into it Brad!

[Author]

Posts