problems for header

Illdy
1

Hi, sorry for my bad english first.

i create a new page for product item, but i have two problems to be solved and list below.

  1. i want to change short slogan, don’t list “product” word, maybe “precision” or others
  2. i want to remove yellow spot, it appeared on new page i created

I am apologized that i do not have any coding knowledge, and am new to WordPress too

2

Hello,

If I suspect this alright, you just need to change the page title in the Dashboard > Pages and it will reflect on the header.

To remove the dot use this CSS rule:

.page #header .bottom-header span.span-dot{
display: none;
}

This code should be placed in a child’s theme stylesheet.css, ideally.
But you can use a custom CSS plugin or place it inside Dashboard > Appearances > Editor > Style.css but keep in mind that this will get erased if you update the theme.

Let me know if you got it alright.

Regards

3

Hi colorlib support

Sorry my bad english first and let you suspect what I mean. Unfortunately, i still can’t solve header of problem. I upload a new image to explain what i mean and hope you can help me to solve it.

I already solve removing the dot for your suggest, thanks you so much.

4

Sorry, I have one more problem.

I have setting colors what I like in Customized>About>Front page, but the color of words don’t change together. I think it be related with my Custom CSS. How can I solve this problem?

My Custom CSS

#contact-us.front-page-section {
background-color: #a8a8a8;
color: #f7ffde;
}

#contact-us .section-content .wpcf7-form p .wpcf7-text,
#contact-us .section-content .wpcf7-form p textarea.wpcf7-textarea {
background-color: white !important;
border: 1px solid white !important;
}

#blog .blog-post .blog-post-title {
display: none;
}

body {
font-size: 20px !important;
}

#header .top-header .header-navigation ul li a {
color: #8d90f0 !important;
}

.open-responsive-menu .fa {
color: #000;
}

span {
color: #f2efef;
}

.service-entry {

}

#header .bottom-header h2 {
line-height: 1.2 !important;
}

.page #header .bottom-header span.span-dot{
display: none;
}

5

Hello,

Can you please provide the website link to see what I can do with the about default text color?
It seems to me that the below in your CSS is forcing the color change.

span {
color: #f2efef;
}

As for the different menu item and page header, you should name the page with your desired header text and then add a Custom Menu Item in Dashboard > Appearances > Menus, where you link your page but input a custom name for it.

Let me know if you got it alright.

Regards

6

Hello

website link : www.azothstudio.com

I am going to solve problems according your suggestion.

7

Hello

I find one thing that the text color of header is same as text color of about widget.

for example, If I set text color of menu is blue, and text color of about widgest is blue too. What I want is they could be different color by setting for me.

8

Hello,

Can you please provide a couple of screenshots of the issue?

I can’t seem to locate the malfunction.

Thank you

9

Hello

I am appreciated for your kindness help. I provide a issue in the file.

i only want to change text color of menu, bun the text color of about us don’t be followed to change.

I am very sorry to have many questions

10

Hello,

I see that you already have the right CSS in place:

#header .top-header .header-navigation ul li a{
    color: #fff !important;
}

Just change the color to white, the about us sections should not follow as the code is dedicated for the header navigation only.

I hope that I’m not missing anything and this will fix your issue.

Regards

11

Hello

thanks a lot, I solve this issue