Multi-colors headers | PenciDesign Support

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please add the following custom CSS to Appearance > Customize > Custom CSS:

body.rtl #navigation.header-6 .menu {
    float: right;
}

I've checked your site logo and it displays properly. Please clear your browser cache and test again.

Best Regards,
PenciDesign.

R4MYYY replied

5 years ago

Customer Reply

Hi,

I really appreciate your effort, and i hope you soon make sales so i buy more keys :)

I would like to ask you how to align menu to right near the logo ?

خدمات التسويق الرقمي - ARADIGITIZE

Also, why the logo is like blurry, i uploaded png big size, but still

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to the page you want to change color, scroll to Page Options > Custom CSS, then paste the custom CSS code:

#navigation, #navigation.header-layout-bottom {
    border-color: #ececec;
}

Change #ececec to your color.

PenciDesign,
Regards.

R4MYYY replied

5 years ago

Customer Reply

Hi,

Thanks, but that for all website, i need CSS code just to change the border of each page header to much the header color.

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance > Customize > Logo & Header, change your value on "Main Bar Border Color".

PenciDesign,
Best Regards

R4MYYY replied

5 years ago

Customer Reply

please can you give me the css code to change header border?

it is white here:

تصميم مواقع الويب - ARADIGITIZE

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

You can install the plugin Essential Addons for Elementor, then edit and insert the progress bar with Elementor.

Example: Progress Bar | Essential Addons for Elementor (essential-addons.com)

PenciDesign,
Best Regards.

R4MYYY replied

5 years ago

Customer Reply

thanks :D

is there a possibility to make this progress circle?

https://www.mainstreethost.com/web-design-services/

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to the page you want to change colour, scroll to Page Options > Custom CSS, then paste the following custom CSS code:

#header .inner-header,
#navigation,
.show-search {
    background-color: #000000;
}
#navigation,
#navigation.header-layout-bottom {
    border-color: #111111;
}
/* Footer Background */
#footer-section,
.penci-footer-social-moved {
    background-color: #111111;
}

Change #000000 & #111111 to your color.

PenciDesign,
Best Regards.

R4MYYY replied

5 years ago

Customer Reply

Header and menu and menu bar/border

تصميم مواقع الويب - ARADIGITIZE

#c8c5f9

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Unfortunately, this theme doesn't have the option to do that. But you can customize via Custom CSS code.

Please send me the URL and colour of the page you want, I'll send you the CSS code.

PenciDesign,
Best Regards.

R4MYYY started the conversation

5 years ago

Conversation Start

Hello,

Is it possible to change the color of the header on each page seperatly?

homepage has red header

services page has blue header
example: Local SEO Services: Local Search Engine Optimization Company (mainstreethost.com)