css customizations not working in child theme

  • Resolved effevee

    (@effevee)


    9 years, 9 months ago

    Hi all,
    I’m trying to do some styling of the widgets in the sidebar ofmy blog using css. I use the following code to put some more space between the different widgets.

    .widget {
    margin-bottom: 30px;
}

    If I insert this code in Inspector in FireFox/Chrome I get the desired effect. If I put the code in the custom CSS of the child theme and I reload the page (shift refresh !) the code is not working and is nowhere to be seen in Inspector.

    If I check the page source code, I see the style.css of the child theme is loaded after the tc_common.css of the parent. So it should be working.

    What am I missing here ?

    TIA,
    Effevee
    website: https://www.effevee.be/rbng

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

  • After you’ve added to the CustomCSS panel, are you remembering to Save & Publish (button at top)? If not, refresh page will clear the CustomCSS panel.

    Easiest way to determine that you’re applying the css classes to the right element is to use Firebug or similar to identify the proper item to modify.

    Also recommend using WP Custom CSS plugin

    try this:

    h3.widget-title {
    font-size: 1em;
    margin-bottom: 2px;
    margin-left: 12px;
    margin-top: 30px;
}
    Thread Starter effevee

    (@effevee)

    Hi,

    I have found the problem. To document my modifications in style.css I was using double slashes // instead of /* comment */. Stupid rookie mistake from one still leaning the magic of css.

    After correcting this, all worked as designed ??

    Thanks for the reply.

    Effevee

    You’ll need to remember // as a comment with php code. eg

    // This is a comment in php
/* This is a comment in CSS */
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘css customizations not working in child theme’ is closed to new replies.