• Resolved KCMiller401

    (@kcmiller401)


    I would like to put a lateral gradient background in my header. I am using a Portfolio Press child’s theme and add the code: ‘
    #branding {
    background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(65,81,106,1)); /*Safari 5.1-6*/
    background: -o-linear-gradient(right, rgba(255,255,255,0), rgba(65,81,106,1)); /*Opera 11.1-12*/
    background: -moz-linear-gradient(right, rgba(255,255,255,0), rgba(65,81,106,1)); /*Fx 3.6-15*/
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(65,81,106,1)); /*Standard*/
    } ‘
    to the CSS.
    The new code works in trial on Firebug, but when I put it in the editor the change does not happen. Firebug shows the new code struck out and superceded by whatever I have in the customizer. How do I over ride the customizer? Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Can you please post a link to your site so we can examine it directly? The background color for the header element is set in the parent theme’s style.css file, so your child theme’s style should have overridden it.

    Thread Starter KCMiller401

    (@kcmiller401)

    OK, it looks like you picked a custom header color (gray), so the theme is writing out that style inline after your child theme’s stylesheet. Let’s set the color back to the default and that should clear the custom CSS. Go to Appearance → Customize, expand the Colors section, click the Select color button, click the Default button to set it back to black, then click the Save & Publish button at the top. That should get rid of the custom CSS for the header and allow your child theme’s style to be used.

    Thread Starter KCMiller401

    (@kcmiller401)

    Wonderful. Thank you so much. It worked.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Customizer supercedes CSS editing’ is closed to new replies.