Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 15, 2018 at 8:19 am #1045585
    Bert

    Hi,

    after a long search and try I give it up now. I have to ask you unfortunately.

    Settings header:
    Logo center, menu below, header style minimal (I do not like separators or shadows),
    Header Behavior: all 4 options marked

    Body: has a backgroundimage, fixed and adapted to screen size.

    I would like to?
    I want the header to be transparent (or at least translucent) and show the background image. If the menu narrows, this effect should be preserved.

    Is this going to do? Thanks in advance.

    Bert
    (unfortunately can not grant access, local installation atm)

    December 16, 2018 at 6:45 am #1045800
    Bert

    Is there no solution?

    It were nice anyone can have a look at it…thank you.

    Bert

    December 16, 2018 at 7:07 am #1045807
    Rikard

    Hi Bert,

    It’s difficult to help you out if we can’t see the actual site, but if you want a transparent header then you should be able to set that in the Layout menu on the right hand side of the edit screen for the page in question.

    Best regards,
    Rikard

    December 16, 2018 at 8:15 am #1045825
    Bert

    Hi Rikard,

    thanks for answering.

    Yes is it difficult. But after another 2 hours of testing i have mentioned, that my header color/backgrouns be always white. If i change the background color in the general styling/logo area from white to something else like pink, the examble above in the tab show me that color, but, the refreshed site stays in white.
    So i can try as many as possible codes, it seems the header background stays in white.

    The following code works for my body:
    /* Fully transparent */
    html, .html_stretched #wrap_all {background-color: #ffffff;}
    #top #main, #top .html_stretched #wrap_all, #top .alternate_color, #top .header_color, #top .main_color, #top .header_color div, #top #header, #top .header_color .container_wrap_meta, #top .header_color .header_bg {
    background-color:rgba(255,255,255,0.6) !important;}

    I can see the background picture, have a 0.6 ocapacy, footer and socket are not affected. BUT header stays in white…grml.

    i dont know why. Any hints?

    P.S.
    https://wanderbert.blogspot.com/p/beispiel.html
    Hier are a picture to see what i mean, heder stays in white, body with transparency

    • This reply was modified 5 years, 11 months ago by Bert.
    December 16, 2018 at 9:47 am #1045848
    Guenni007

    But a link to the new site will be helpfull.
    First of all if your example page shows the aim of what you like to obtain – you have to change to the boxed layout first.
    After that place a background-image on general layout – body background (it is in real a html background)
    then we can start giving advice how to get your style.

    December 16, 2018 at 10:24 am #1045856
    Bert

    Morning Guenni007,

    you followed my link und see the picture? (not the whole site on blogger, only the picture left side)
    ATM i cant provide a link, it is only a local install, sry.

    For me, i had chosen the boxed layout, you can see the background. With CCS above, it is possible that in the main body the background picture
    is slighty to see (opacacy 0.6)

    As i write about the background color of the header stays in white, whatever i change.
    IF ii tried the normal transparency option in a side, that works, but is not helpful. The content of the page move up and content and header are behind each other.

    What i want is a general transparency/ocapacy of the header/menu.

    Bert

    December 16, 2018 at 10:36 am #1045857
    Guenni007

    yes – but it is hard for me to always change my settings on a test installation to have the same baseline situation.

    if your setup is in the way this is: https://kriesi.at/themes/enfold-blog/
    you can reach the things on quick css by:

    #top, #main {
    background-color: transparent;
}
.main_color {
    background-color: rgba(255,255,255,0.6);
}
.header_bg {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

    but it might be on your setup a bit different

    December 16, 2018 at 11:06 am #1045860
    Bert

    Thank you very much for your input, but unfortunatly it doesnt help. The header stays in white background.
    Have tried several other similar codes before like your, but there must be a thing, that block this. Strange.

    I will try some other layout options, maybe it change something. Thanks again for your fast help.

    Please close this thread.

    December 16, 2018 at 4:11 pm #1045938
    Victoria

    Hi Bert,

    We need to see the actual css and html to be able to propose a solution for you. Please get back to us when you get the website to some testing server.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.