Changing color of the line in the header

Changing color of the line in the header

In logiscargo, there is a border in the header in default header type.  Please note the black arrows in below image.


To change its color, please put following style in themeoptions/customcss box.

#header:before { border-bottom:  1px solid #000000; }
#header:after { border-bottom:  1px solid #FFFFFF; }

As you note there are 2 border bottoms, the first one is a border of 1px and second line adds a shadow after first. Please change the color code to hex code of your desired color.

In case you want to remove this border at all, please use below style.

#header:before, #header:after { display: none; }

If you are using Header2 ...


then please use below styles to change the color.

.header_2 #top-bar, #header2 { border-bottom: 1px solid #000000; }

and below style to remove the border at all.

.header_2 #top-bar, #header2 { border-bottom: none;}

    • Related Articles

    • Change menu BG color on mobile.

      https://share.getcloudapp.com/d5ueeBE9 If you want to change menu background color on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .main_menu .navbar { background: #000000 !important; ...

    • Edit / remove / style header button

      Howello WP theme contains a button in the header https://share.getcloudapp.com/DOuv91rm To change its text or its link, please go to themeoptions/Layouts. If you want to change its background or hover color, Please enter below css in ...

    • How to change sticky header to light mode.

      In Legalpower theme, sticky header(header that appears on top when you scroll the page) is in dark mode. If you want to change it to light mode, there are 2 parts of the process. First lets change the background color to white. To do this, Please ...

    • Remove double color on Menu bar background.

      In case you change the accent color of theme, the menu bar colors can look strange.  You can fix it by removing the double color. In order to do that, Please enter below css in wp-admin/appearance/customise/additionalCSS box. .main_menu .navbar {     ...

    • Change color of hamburger menu on mobile

      https://share.getcloudapp.com/4gux57bx To change hamburger menu on mobile, Please enter below css in wp-admin/appearance/customise/additionalCSS box. @media (max-width: 991px) { .navbar-light .navbar-toggler.collapsed span { background: #000; } ...