Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • February 8, 2014 at 9:24 pm #221261
    dalen550

    Dear support team,

    I saw a fellow enfold user showcasing her website and I would like to know how she made her header in a different colour and without the usual lines and borders.
    Her website is this : http://blackouthair.fi/

    Please pardon my ignorance as I am very new to this.

    Any help is appreciated.

    Thank you.

    February 9, 2014 at 5:05 am #221294
    Devin

    Hey dalen550!

    The only thing they have modifying the header is:

    .header_color .header_bg {
background: rgba(0,0,0,.9);
}

    To make it a bit transparent.

    Regards,
    Devin

    February 10, 2014 at 12:43 pm #221657
    dalen550

    Hi Devin,

    thank you for your reply.

    This is my website: http://www.a1-realestate.com.

    I have put in the CSS code as you mentioned. However, there is still a white border right on top.

    How do i make it totally black? I am very new to this so I need all the help I can get.

    Thanks for your help!

    February 10, 2014 at 8:01 pm #221817
    Josue

    Hey!

    Your website is displaying a domain registrar landing page.

    Cheers!
    Josue

    February 10, 2014 at 8:06 pm #221820
    dalen550

    Hi Josue,

    my bad. This is the one : http://a1-realestate.net/

    Thanks!!

    February 10, 2014 at 8:20 pm #221826
    Josue

    Hey!

    Now a 404 Hostgator page is returned.

    Cheers!
    Josue

    February 10, 2014 at 8:51 pm #221829
    dalen550

    Rats!

    Let me settle this with hostgator first. Sorry about this!

    February 10, 2014 at 9:03 pm #221831
    Josue

    Ok, reply back to this topic when you are done.

    Regards,
    Josue

    February 10, 2014 at 10:23 pm #221876
    dalen550

    Hi Josue,

    my host issues solved!

    This is my site : http://a1-realestate.net/

    The question again is, how to make the header totally black.

    Thank you!

    February 11, 2014 at 12:45 am #221942
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .header_color .main_menu ul { background-color: black; }
#header_main { border-bottom-style: none; }
.bottom_nav_header.social_header .main_menu ul:first-child>li a {
border-right-style: none; }
.bottom_nav_header.social_header .main_menu ul:first-child>li:first-child a {
border-left-style: none; }

    Cheers!
    Yigit

    February 11, 2014 at 11:59 am #222140
    dalen550

    Hello Yigit,

    thank you for your reply! However, after I have added your CSS, I am still unable to make the white border black. Hope you can help in this.

    Thank you very much!

    February 11, 2014 at 12:03 pm #222143
    Yigit

    Hey!

    When i checked your website header type was different. Please add following code to Quick CSS as well

    .fixed_header.social_header #main {
padding-top: 146px;
}

    Cheers!
    Yigit

    February 11, 2014 at 12:07 pm #222152
    dalen550

    Hi Yigit,

    thank you for the quick reply. Yes, i was playing around with the header so I changed it just now. Sorry about that.

    However, I am still unable to change the colour for the part where the social icons are. Hope you can help!

    Thank you!

    February 11, 2014 at 7:00 pm #222346
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #header_meta {
    background: black;
}

    Cheers! 
    Josue

    February 12, 2014 at 9:18 pm #223046
    dalen550

    Hi Josue,

    thanks for your reply. I added the css code which you mentioned, unfortunately, there is now a thin white border between the social icons and the header.

    How do i make the header uniformly in 1 colour without borders like this enfold user : http://blackouthair.fi/

    Thank you!

    February 13, 2014 at 12:27 am #223117
    Josue

    Hey!

    Add this code too:

    #top .social_bookmarks li, #header_main {
    border-color: transparent !important;
}

    Best regards,
    Josue

    February 13, 2014 at 2:16 pm #223414
    dalen550

    Hi Josue,

    thanks for your prompt reply. Its ok now.

    Is it ok if I ask you a question on logo here? Or do I have to open a new ticket?

    Thanks a lot!

    February 13, 2014 at 2:21 pm #223418
    Yigit

    Hey!

    If it is detailed, please start a new topic, if not, you can just ask it here

    Cheers!
    Yigit

    February 14, 2014 at 8:33 pm #224142
    dalen550

    Hi Yigit,

    ok, I will ask here. Its about my logo.

    When I upload my logo, it always appear really small. I am really confused. Even after I have shrinked my image size to 340X156, it always gets cut off. I do not know how to fix this.

    I would like my logo size to be like this : http://www.acmena.com.au/

    Your reply is greatly appreciated.

    Thank you.

    February 14, 2014 at 8:37 pm #224147
    Yigit

    Hey!

    I have found your website from your previous posts and that site is using resizing header. If your current website is using a fixed header ( you can check it in Enfold theme options > Header ), please refer to my post here https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003 and change the height to 156px.

    Best regards,
    Yigit

    February 14, 2014 at 9:09 pm #224159
    dalen550

    Got it!

    Thanks!!!!

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘How to make the header like this?’ is closed to new replies.