Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] How to disable the background color of the menu ?

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • Author
    Posts
  • July 4, 2014 at 1:41 pm #174636
    roelof
    Participant

    Hello,

    Another problem I cannot find a answer to .
    If you look at my site : http://test.tamarawobben.nl
    you see that if the menu is not collapsed you see a “white” area.

    Can I disable this so the on not collapsing the icons stays “white” but the rest is the background-color.

    When the menu is collapsed the whole div can be “white”

    July 4, 2014 at 1:47 pm #174638
    Senff
    Participant

    Not entirely sure what you mean? Try adding this:

    .boxA .box {
   background-color:transparent;
}
    July 4, 2014 at 11:21 pm #174659
    roelof
    Participant

    Hello,

    Not working. When I do that the icons of the menu get also the background-color and also when the menu collapsed the menu has the background-color instead of “white”.

    July 5, 2014 at 1:49 am #174665
    Paulie_D
    Member

    It’s still not clear to me what the issue is but remove the bg color from ‘box`

    .box {
background: #F0EFE9; /* remove this */
margin-bottom: 2em;
}

    seems to fix it…if I am correct.

    July 5, 2014 at 4:16 am #174694
    Senff
    Participant

    @paulie_d that would have the same effect as my solution but apparently that’s not the solution. I guess the problem is not really clear to us! :)

    July 5, 2014 at 4:48 am #174706
    roelof
    Participant

    Hello,

    I will try to make it clear.
    When you look at my page you see after the icons of the menu a “white” area where the menu will slide above it.

    But when you look at the orginal (http://codepen.io/EduardL/pen/aBGAy) you see only the background and not a “white” area.

    July 5, 2014 at 6:32 am #174714
    Paulie_D
    Member

    Nope…still not clear…

    If you did what we have suggested it should work…at least I can’t tell the difference.

    July 5, 2014 at 6:59 am #174718
    Senff
    Participant

    Indeed. @roelof — can you do what either Paulie or myself suggested to your site so we can see it ourselves and help out why it might not be working?

    July 5, 2014 at 8:53 am #174730
    roelof
    Participant

    Thanks. but im giving up on this menu.
    I think I will look for a tutorial how to make a menu like this site : http://albumartcollection.com/

    Roelof

    July 5, 2014 at 9:08 am #174731
    Senff
    Participant

    Why give up? It will be easy for us to help if you just show us.

    July 5, 2014 at 9:13 am #174732
    Paulie_D
    Member

    In any case, the linked item ‘cheats’…and uses sprites

    July 5, 2014 at 9:29 am #174734
    roelof
    Participant

    Oke,

    I put your solutions to my website.
    On Firefox the overzicht has disappear again.
    And on all browsers the other boxes the “white” area on the text has disappeared.

    Roelof

    July 5, 2014 at 9:50 am #174736
    Paulie_D
    Member

    Try removing the float:left from .settings

    July 5, 2014 at 9:50 am #174737
    Senff
    Participant

    And on all browsers the other boxes the “white” area on the text has disappeared.

    I don’t see this in my browser, the white area is still there. I guess it’s just really unclear to me what you mean.

    July 5, 2014 at 10:11 am #174738
    roelof
    Participant

    Thanks , FF problem solved.
    What I mean is that you see four images on the site.
    The text should be a “white” area.

    See the orginal : http://www.freewebtemplates.com/download/free-website-template/tailpiece-565225423/demo/

    Roelof

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 19 total)
1 2
  • The forum ‘CSS’ is closed to new topics and replies.