Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #221261

    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.

    #221294

    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

    #221657

    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!

    #221817

    Hey!

    Your website is displaying a domain registrar landing page.

    Cheers!
    Josue

    #221820

    Hi Josue,

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

    Thanks!!

    #221826

    Hey!

    Now a 404 Hostgator page is returned.

    Cheers!
    Josue

    #221829

    Rats!

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

    #221831

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

    Regards,
    Josue

    #221876

    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!

    #221942

    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

    #222140

    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!

    #222143

    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

    #222152

    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!

    #222346

    Hey!

    Try adding this code to the Quick CSS:

    #header_meta {
        background: black;
    }

    Cheers! 
    Josue

    #223046

    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!

    #223117

    Hey!

    Add this code too:

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

    Best regards,
    Josue

    #223414

    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!

    #223418

    Hey!

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

    Cheers!
    Yigit

    #224142

    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.

    #224147

    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 http://www.kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003 and change the height to 156px.

    Best regards,
    Yigit

    #224159

    Got it!

    Thanks!!!!

Viewing 21 posts - 1 through 21 (of 21 total)

The topic ‘How to make the header like this?’ is closed to new replies.