header/subheader

edited July 2018 in Theme support
Hello!  There's a pink area as you can see in the website here, how do I get rid of it? What am I missing? I can't find any settings to fix it.

Comments

  • edited July 2018
    Hi
    On which website?
    Please send me a link to your website.
    Thanks.
  • Never mind... Minimalist fixed it... not very obvious what that is, but trial and error made me find the way...
  • Glad to hear that.
    Is there something I can help you with?
    Thanks.
  • Yes, please....


    The green highlighted area, how to I give more spacing between the sidebar and content?

    The blue highlighted area, is there a way to change the button under the search to be on the side instead, even if that means adding a loupe icon instead of text (that would actually be better). This is for woocommerce product search.

    Thank you!
  • Please send us a link to the page that you posted in the screenshot.
    thanks
  • Here's the link:

    Since you will be looking at it, I cannot find the settings to make the background of the sticky header and the dropdown menus slightly transparent, as you can see here: https://goo.gl/G3AX2b

    The second link was the first trial of using your theme, but we used a demo to begin with. In the first link, no demo was used. If you could also give me a hint on how to make those slightly transparent, that would be great. Thank you VERY MUCH!!! 

  • I cannot apply a Custom CSS for it, because name of this class is this same, so if I'll give this more space, every div with this name will be spaced a little.

    2) You can change a color of header(sticky header) in Theme Options > Colors > Header >
    Top Bar Left | Background.

    Thanks
  • 1. First thing I have found that wasn't well thought with your theme :( That is sad... 

    2. I understand the color, but wasn't talking about the color, but the TRANSPARENCY of the sticky header.

    3. Also, on the HOME page, I would like to have the header transparent or semi-transparent. Is that possible.

    Sorry for asking all at once, but this is taking a bit long and I have 3 themes to chose from for this project. I like BE the best so far, so I am really trying to finish it before the others, so I don't have to continue with them. Thank you.
  • Number 2, never mind. I found the issue. Under HEADER & SUBHEADER, the sticky was set to WHITE instead of SAME AS TOP BAR LEFT.

    But I would appreciate if if you could help with number 3, and perhaps put a request for number 1 in a future update.
  • Okay, let me make it easier for you, so there are no missing anwers:

    1. Post number 6, I also asked the following, regarding this picture (https://imgur.com/a/XcRj4n1) : "The blue highlighted area, is there a way to change the button under the search to be on the side instead, even if that means adding a loupe icon instead of text (that would actually be better). This is for woocommerce product search."    

    2. On the HOME page of this site (https://goo.gl/SP9zTR just to to the home), there's a slider. How do I make the header transparent or semi-transparent?

    3. Could you please put a request for a future update of the theme, a way to change the padding between the side bar and the content without affecting everything else? Every other theme I have worked with allow you to do this, even with CSS without affecting anything else. I think that would really be great to many users.


  • Hi
    1) To be 100% sure, you want to put this search bar into the site?


    2) The header is semi-transparent already(http://prntscr.com/k52lla),  if i'll take a color from it and make it full transparent it will look like this: http://prntscr.com/k52l7f, in sticky mode like this: http://prntscr.com/k52m69
    So I do not recommend this option.


    3) Every idea or suggestion should be posted here:
    Please do it, we appriciate all of them.

    Thanks

  • 1. No. Inside the side bar, there's a search feature, with a search button. I need to have the search button to be next to the search input field, as you can see here: https://www.hubertgem.com/company/about/   so the button is inline the search form, instead of the bottom. It would be better yet if instead of the SEARCH word, the button would have only a loupe icon.

    2. Wow, that's not it either. I have to work in my communication skills, a whole tread and I got nothing solved and I could only make you understand 10% of my questions... sorry about that. 
    Take a look at the header here: https://goo.gl/i2Q92S How do I make it semi-transparent or fully transparent, while on top of the slider revolution, like in this page here: https://goo.gl/2QBHrh or even this https://goo.gl/TDd1MN

    3. I will try that. Thanks.




  • 1)It can be done only with custom css:
    #woocommerce-product-search-field-0{
    width:65%;
    padding-top:12px;
    float:left;
    }
    2) Go to:
    Theme Options > Global > General and scroll to background section and check Transparent Header option and Top Bar with menu http://prntscr.com/k5i39t

    Theme Options > Global > Advanced and select Remove shadows:

    Theme Options > Header & Subheader > Header, there will be Minimalist option, select the Minimalist without Header space

    Cheers
  • 1. THANK YOU! PERFECT!

    2. That does not work the way intended. It makes the header COMPLETELY transparent on the revolution slider (I wanted semi transparent, with a white background), but worst of all, all other pages, without revolution slider, the title bar is shown on top of the logo and menu. No go with the option you gave me... I only need the semi transparent for for the main home page.

    3. How do you change the font size for the footer menu widget? They are too big right now and I would like to make it smaller.

    4. Recent articles widget, is there a way to make the fonts of the date under the title smaller using CSS? If I change the font size using theme option, it will change the font size of other items I don't want to change.

    Thank you very much! We are almost done!
  • 2) Theme Options > Header & Subheader > Header, there will be
    Minimalist option, select the Minimalist without Header space and copy this Custom CSS code
    #Top_bar{
    background-color:rgba(255,255,255,0.6) !important;
    }
    If this code above will make troubles, use this one below, but it'll work only when sticky
    #Top_bar.is-sticky{
    background-color:rgba(255,255,255,0.6) !important;
    }


    3) You have to use Custom CSS.

    4) CSS:
    .desc h4{
    font-size:11px !important;
    }

    Cheers
  • 2. That only makes the background of the header gray, not semi-transparent. Thanks for trying though. :(




    3. I tried this:

    .widget_archive ul li a, .widget_nav_menu ul li a { font-size: 14px !important; } which made the main 

    menu smaller too... so I followed that with

    #Header .menu > li ul li a { font-size: 15px; }

    which seems to work. Do you see this as being something that will create problems somewhere else?



    4. Did not do anything, however I tried this: 

    .Recent_posts ul li  { font-size: 14px !important; }

    and it seems to work. Do you see problems with it anywhere else?

    Thank you!
  • Hey,
    I have checked your CSS and it shold not generate any problems.

    The option with transparency will not work with this set-up.
    cheers
  • Thank you. 

    To have only that MAIN home page with the semi transparent header, and the remaining pages remaining the same, what do you think I should do. The customer is really pushing for that header being semi transparent in the main page, for impact...
  • Can you talk with your customer to change the idea of this header?
    Maybe just choose transparent header in Theme Options > Header & Subheader > Header
    Thanks
  • That is great for the main page, but all other pages end up showing a really large header space. Nowhere in the theme documentation or options there's an explanation on how to change such space.

    I really don't get this theme when it comes to these changes.

    The customer wants a small header, small tittle, but it is like, be theme does not allow you to do this.
  • Leave this transparent header for every page and we'll check if there can be placed some CSS to make this header space disappear.
    Send me also link where this space appears.
    Cheers.
Sign In or Register to comment.