Divi WordPress Theme
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

WordPress fix Reply To: Post Page Title

Discussion in 'Misc WordPress Requests' started by ephaemera, Mar 28, 2018.

  1. ephaemera

    Guest

    Reply To: Post Page Title, by ephaemera

    Hi Saranee,

    On line 12 of blue.css is this code:

    #branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
    border-left: 1px solid #1b4266;
    }

    If you change #1b4266 to #6ea8eb, you’ll get this, which will blend the borders into the background:

    #branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
    border-left: 1px solid #6ea8eb;
    }

    Now, for the secondary hover menu issue. It appears that you have the following somewhere in your custom css:

    #access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
    background: #e6eaed;
    background: -moz-linear-gradient(#e4eff7, #e4eff7);
    background: -o-linear-gradient(#e4eff7, #e4eff7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
    background: -webkit-linear-gradient(#e4eff7, #e4eff7);
    color: #373737;
    }

    Of all of these, only background: -webkit-linear-gradient(#e4eff7, #e4eff7); is active when I inspect element. In your customizer, you could enter something like the following, changing the gradient background and font color as desired:

    #access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
    background: #e6eaed;
    background: -moz-linear-gradient(#e4eff7, #e4eff7);
    background: -o-linear-gradient(#e4eff7, #e4eff7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
    background: -webkit-linear-gradient(#e4eff7, #e4eff7);
    color: #373737 !important;
    }

    I normally don’t advocate using !important too frequently, but this might get you started until you can integrate this code into your child theme stylesheet without it being overriden somewhere else and without using !important. (It’s a bit eyewatering to do this all via Inspect Element without being able to access the stylesheet(s) directly!).

    LMK if this helps.

    Reply To: Post Page Title
     
    #1

Share This Page

Monarch Social Sharing Plugin