Before you ask please READ THIS

Header background color (WORKS)

edited June 2013 in Beach Please Posts: 13
Hi, I'm having a problem with the header in my single work.
http://goo.gl/AnZkn

If you look at the link, I'm having a white background underneath the menu navigation and logo.
That should be transparent or #efefef

If you look at the intro, about, areas it is transparent and fits very nice as the menu is on top of the whole background.

Could you please help me solve this small issue?

Comments

  • AirAir
    Posts: 10,970
    Hello

    I can see you are overwriting your own rules for it

    #header { /* panel settings */
    background-color: #EFEFEF;
    }
    #header { /* custom css plugin */
    background-color: transparent;
    }
    Transparent color in this case will be white cause this is what is color of background of whole document.

    By the way, for custom CSS use http://apollo13.eu/docs/beach/#!/appearance_menu_custom_css

    With regards.
  • Posts: 13
    I've applied the code into the custom css, and still it's white. :/
  • AirAir
    Posts: 10,970
    Now it is even worse. You are overwriting styles 5 times:-)
    Turn off this custom css plugin and everything will be ok

    With regards.
  • Posts: 13
    Im using this css, still not working. :/

    #header {
    background-color: transparent;
    }

    .top-menu li {
    background-color: transparent;
    position: relative;
    }

    .top-menu li:hover,
    .top-menu li.current-menu-item {
    background-color: transparent;
    }

    .top-menu li a {
    color: #ed145a;
    display: block;
    line-height: 20px;
    text-decoration: none;
    /* no link focus outline */
    }

    .top-menu li:hover > a,
    .top-menu li.current-menu-item > a {
    color: #7f052d;
    }

    .single-gallery #mid {
    position: relative;
    overflow: hidden;
    margin-left: -150px;
    }

    #header.no-space {
    position: absolute;
    bottom: auto;
    padding-bottom: 0;
    background-color: #efefef;
    }

    #header.no-space:before {
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 200;
    padding: 40px;
    width: 180px;
    text-align: center;
    }

    #footer {
    background-color: transparent;
    /* header makes bg color */
    top: auto;
    }

    #mid {
    margin-left: 260px;
    min-height: 100%;
    }

    .posts-list #content header, .single-post #content header, .single-work #content header, .attachment #content header {
    background-color: #efefef;
    padding: 40px;
    position: relative;
    }

    .wp-caption {
    background-color: red;
    max-width: 100%;
    /* Image does not overflow the content area */
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
  • Posts: 13
    Also, in the Appearance panel, I'm changing the colours and other items and when i save, i cache the browser and still not seeing any changes. Is it something from the database?

  • AirAir
    Posts: 10,970
    Ehhh I repeat: you overwrite styles that are set in panel and in custom CSS field in this file http://www.12works.com/?custom-css=1&csblog=1&cscache=6&csrev=120

    It looks like some custom CSS plugin, or chache as you said. Disable it and you will see results:-)

    If you are not sure what to disable, then disable all plugins.

    With regards.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion