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

    • 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 ...
    • 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; ...
    • 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 {     ...
    • How to edit Header in Airtech theme.

      In earlier versions, the header was managed by Elementor in the Airtech theme, but in the new version, it can be managed using customizer. Below is the video on how to customize the header of the Airtech theme. ...