Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@tony-alibaba)

    I was able to figure out everything you are doing by reading through the snippets: just a quick suggestion
    http://www.themesandco.com/?s=menu

    Thread Starter ist4000

    (@ist4000)

    Thank you for your response, Michael. Your answer helped a lot. I knew that page but I was not sure if there is something for me. It was not easy but I found some things I needed.
    Some things I couldn’t solve at all.
    (Unfortunately I don’t see a possibility add a png of the menu bar to this post for better explanation.)
    1) How can change the height of the menu bar? (The background color behind the text)
    2) Is it possible to change the transparency of the menu background color? (Not the header color or image)

    At the moment I have added the following custom css:

    .tc-header .outside, .site-description, .inside.site-description {
    display:            none;
    }
    /*Slider size*/
    .carousel .item {
    line-height: 0px;
    overflow: hidden;
    min-height: 150px;
    }
    
    /*Header image*/
    header.tc-header {
    background: url("http://probaum.is-great.net/wp-content/uploads/2014/03/header_20_13_2.png" ) ;
    }
    
    #main-wrapper {
    margin-top:         40px ;
    margin-bottom:      0px ;
    background-color:   #e5e3dd ;               /* Change pink */
    border:             2px solid #3a5344 ;      /* Delete if no border needed */
    padding:            0 10px 0 20px ;
    }
    
    /* Adjust Menu (red) text color, (Garamond) font-family, (1.5em) font-size  */
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a {
    display:        inline;
    color:          White;
    font-family:    Garamond;
    font-size:      1.5em;
    padding:        5px 20px;
    }
    
    /* Adjust Menu colors - Normal */
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter {
    color:          lightgray;
    text-shadow:    none;
    }
    
     .tc-header, .navbar-inner  {
    background-image: linear-gradient(to bottom, rgba(0,0,0,1), #000000);
    
    background-repeat: no-reapet;
    
    border-radius:    1px 1px 1px 1px;
    box-shadow:       0 1px 4px rgba(0, 0, 0, 0.067);
    min-height:       10px;
    padding-left:     5px;
    padding-right:    5px;
    }
    
    /*  Reposition Navbar Box - change top/left as needed */
    .navbar-inner {
    position:       relative;
    top:            50px;            /* Adjust using -1px move Up, 1px move Down, 0px No change  */
    left:          0%;             /* Adjust using -1% move Left, 1% move Right, 0% No change  */
    }
    /*menu bar size*/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu – Shadow/Size/Logo/Background @customizer’ is closed to new replies.