How to remove divider lines – Themeco Community

How to remove divider lines

aecraig — Fri, 27 Feb 2015 22:45:54 +0000

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.

Reply To: How to remove divider lines

Thai — Sat, 28 Feb 2015 14:43:06 +0000

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.

Reply To: How to remove divider lines

aecraig — Sat, 28 Feb 2015 16:57:50 +0000

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??

Reply To: How to remove divider lines

aecraig — Sun, 01 Mar 2015 03:33:21 +0000

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” />

Reply To: How to remove divider lines

Senthil — Sun, 01 Mar 2015 06:30:34 +0000

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!