Homepage › Forum › Product Support › BeStruct › Header & Navigation Styling Help
Tagged: CSS styling, header styling
- This topic has 11 replies, 2 voices, and was last updated 7 years, 9 months ago by
tinhbeng.
-
AuthorPosts
-
7 years, 9 months ago #15053
Hi,
I'm using BeStruct header version 2. I have the 'Header navigation background color' set to red.
My 'Header navigation text color' seems to not be effected by changes. I would like it white.
Additionally, I need to get my header 'Custom social profile icons' white.
And lastly, I need to be able to turn the menu navigation background color black. Here is the current styling / desired styling:
What's the CSS to achieve this?Thanks!!
7 years, 9 months ago #15055Edit: I've managed to find out how to change the navigation background color with this css code:
header .yolo-header-nav-wrapper {
background-color: #000000 !important;
}7 years, 9 months ago #15056This reply has been marked as private.7 years, 9 months ago #15069This reply has been marked as private.7 years, 9 months ago #15074Hi,
I updated my host file, but still can't login your site.
You can check the information above again or you can send me FTP account, I will help solve the problem above.
Thanks.
7 years, 9 months ago #15075All details above are correct. What does the site homepage look like when you load?
7 years, 9 months ago #15077This reply has been marked as private.7 years, 9 months ago #15129This reply has been marked as private.7 years, 9 months ago #15130This reply has been marked as private.7 years, 9 months ago #15135Sorry for the late response.
I have some changed the CSS on the custom-style.less file. Currently, you can go to Theme Options and change the header color that you want.
Thanks.
7 years, 9 months ago #15296This reply has been marked as private.7 years, 9 months ago #15328Hi,
There are 2 ways you can choose:
1 - You can design a new logo of bigger size (current size: 250x75), you can try with the size 300x124.
2 - You can add this CSS to the "style.css" file of Child Theme. (Note: Image quality will be reduced)
.header-2 .yolo-header-nav-above .container .header-logo a img{
width: 300px;
}
Thanks.
-
AuthorPosts
You must be logged in and have valid license to reply to this topic.
