[aecraigParticipant]

My site is http://www.sheisjoyful.com

I would like to remove the lines/dividers on my blog. Specifically the faint lines under the menu and around my header. Is there any way to do that? I would prefer it just be blank space.

[ThaiModerator]

Hi There,
Thanks for writing in.
Try adding following CSS under Appearance > Customize > Custom > CSS:

.x-navbar {
border-bottom: 1px solid #f2f2f2;
box-shadow: 0 0;
}

Hope it helps.

[aecraigParticipant]

Thanks! That helped.
I used::
.x-navbar {
border-bottom: 0px solid #f2f2f2;
box-shadow: 0 0;
}
.x-topbar {
border-bottom: 0px solid #f2f2f2;
box-shadow: 0 0;
}

However, there is still a line next to my logo. And border-top didn’t get rid of the line above my menu items. Do you know what I could use to get rid of those two lines??

[aecraigParticipant]

Also, how can I make the grey bar and its borders be white as well?? You can see what I’m talking about in this picture.
Snow Day grey bar” />

[SenthilMember]

Hi There,

1. Please add the following CSS in your Appearance > Customize > Custom > CSS and it will remove the line above navigation menu.

.x-logobar {
   border: none;
}

2. Your picture has the grey line at the right & you should edit the image to remove the line.
http://sheisjoyful.com/wp-content/uploads/2015/02/She-Is-Joyful1.jpg

Hope it helps, thanks!

[Author]

Posts