Tagged: background-color Toggle Comment Threads | Keyboard Shortcuts

  • kilikoi 9:10 am on September 1, 2015 Permalink | Flag unresolved

      Tags: background-color, , , , Navbar   

      Hello,

      I know that is a more individual theme customization question. But maybe you or someone here had that before, I would like to change the background color of the mobile menu open for the black walnut theme to fit the color more in. I already changed the background color for the „burger“:
      #mobilenav-open,
      #mobilenav-close {
      background: #2c2971;
      }

      that worked perfect, as far as I could see this here has to be changed for the background of the open mobile menu?:
      #site-nav {
      display: none;
      background: #222;
      width: 290px;
      margin: 0 15px;
      padding: 45px 0 12px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.15);
      position: absolute;
      top:15px;
      right: 0;
      z-index: 100000;
      text-align: center;
      }

      for some reason, as soon as I change the color in the child theme the menu appears sticky in the right corner also in the not mobile version. Any Idea?
      All the best and thank you in advance,
      Jo

       
      • Marc (Support-Team) 8:40 am on September 3, 2015 Permalink | Log in to Reply

        Hi,

        please use the following CSS code to change the background-color:

        #site-nav {
        	background: #f00;
        }
        @media screen and (min-width: 1130px) {
        	#site-nav {
        		background: none;
        	}
        }
        

        The code only changes the background-color for the mobile view and resets it after switching to the desktop view.

        Best,
        Marc

        • kilikoi 9:16 pm on September 5, 2015 Permalink | Log in to Reply

          Hi Marc, sorry for my delay in answering. It worked like a charm I had to add !important, but otherwise perfect! Thank you a lot, i very much appreciate that. Have a nice weekend. Jo

    • marou_ko 1:47 am on November 10, 2014 Permalink | Flag unresolved

        Tags: background-color, , ,   

        Hi!
        I am trying to make my MOKA menu bar look happy :-)
        so..
        I am trying to make 2 different things

        1/ when mouseover each page title at the menu bar, I want it to have a background-color with different font-color than the usual menu bar has..
        I found this css that is working for the background-color but not for the font-color:

        .menu-item a:hover {
                    background-color:red;
                    font-color: green;
            }
        

        2/ when I am in a selected page, I want the page’s title in the menu bar to have a background color
        I found this css but it doesn’t work either..

          .menu-item .active{
                 background-color:blue;
            }
        

        could you please help me out?
        thank you so much!!

         
        • Ellen (Support-Team) 10:32 pm on November 11, 2014 Permalink | Log in to Reply

          Hi there,
          please understand that we can not help users with individual theme customizations, maybe you can check the CSS again with a browser tool like Chrome Developer Tools? This way you can see, which CSS is working and which is maybe overwritten by a different style.
          Best, Ellen

          • marou_ko 7:13 pm on November 13, 2014 Permalink | Log in to Reply

            :-) ok Ellen, sorry I didn’t know that!
            thank you so much for the tip!

      • Sandra 11:27 am on August 12, 2014 Permalink | Flag unresolved

          Tags: background-color, ,   

          Hallo liebes Elma-Team,

          erst einmal möchte ich ein riesen Lob loswerden: Euer Zuki-Theme ist wirklich der Hammer! Es gefällt mir wahnsinnig gut. :-) Danke dafür……

          Und dann möchte ich eine Frage loswerden: Ich würde gerne die Hintergrundfarbe des Recent-Post (Background) – Widget ändern. In der style.css habe ich die Stelle schon gefunden (Zeile 2715) und die Farbe geändert, aber trotzdem wird dieses helle Blau weiterhin angezeigt. Habt Ihr da einen Tipp für mich?

          Viele liebe Grüße,

          Sandra

           
          • Mehles 1:16 pm on August 12, 2014 Permalink | Log in to Reply

            Hi Sandra,
            da musst du dir gar nicht so viel Arbeit machen. Geh im Dashboard einfach auf “Design” -> “Anpassen”. Dort kannst Du dann unter “Farben” die Hintergrundfarbe speziell für dieses Widget ändern.
            Im Video Tutorial auf der Theme-Seite wird das auch nochmal erklärt.

            Gruß
            Mehles

          • dwan 2:13 pm on August 12, 2014 Permalink | Log in to Reply

            hi sandra,
            go to here –>

            (starting minutes 15:59)
            thanks

        • Sandra 5:45 pm on April 7, 2014 Permalink | Flag unresolved

            Tags: background-color, ,   

            Liebes ElmaTeam,

            wo kann ich denn die Hintergrundfarbe des site-headers für die mobile Ansicht ändern? Ab einer Bildschirmauflösung von unter 1260px x 450 px ändert sich die Hintergrundfarbe von weiß in die Farbe #545050. Ich würde hier den Hintergrund auch gerne weiß haben, finde aber einfach nicht die richtige Stelle im Code, wo ich die Farbe ändern kann.

            Könnt Ihr mir helfen?

            Viele liebe Grüße,
            Sandra

             
            • Sandra 11:24 am on April 8, 2014 Permalink | Log in to Reply

              Liebes Elma-Team,

              ich möchte diese Anfrage zurückziehen, da ich selbst die Lösung gefunden habe. Es gibt ja in den ThemeOptions eine Möglichkeit die HeaderBackgroundfarbe für die mobile Ansicht selbst zu ändern. :-) Lesen hilft ja manchmal. :-)

              LG Sandra

          c
          compose new post
          j
          next post/next comment
          k
          previous post/previous comment
          r
          reply
          e
          edit
          o
          show/hide comments
          t
          go to top
          l
          go to login
          h
          show/hide help
          shift + esc
          cancel