Child theme wont override

  • Hi,

    Firstly a real amatuer/novice here

    So i am using simplify theme on my site puerteaspecialists.co.uk, i was originally using the parent theme and made a few changes to css only to find they would be reversed on update. So i created a child theme simplify-child.css and used the import function to access the parent css using this tag line @import url(“../simplify/style.css”);

    Anyway on my site you can see a page break that when inspected is under the name lsep, its just beneath the three feature boxes. I could remove this on the parent theme but it would be readded on update.

    this is the code i have in my child theme to attempt to remove the page break

    @import url(“../simplify/style.css”);

    /*

    #content-full .lsep {
    height: 0px !important;
    }

    Anyway, either this code is incorrect and not affecting my parent css, or something is blocking/loading over my alterations..or something else?

    Hopefully someone can tell me how to either rectify my child css code to make my desired alterations, or somehow point me in the direction of how to load styles in the correct order?

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

  • remove the excess /* after the @import line;

    your posted section should be:

    @import url("../simplify/style.css");

#content-full .lsep {
height: 0px !important;
}

    there s also no element with #content-full in the posted web page.

    did you mean #featured-boxs ?

    Thread Starter eddyerts

    (@eddyerts)

    Thanks a lot!

    If im honest i was semi guessing, this is the lines in css which i attempted to alter

    #content-full{width:930px;}

    .content-ver-sep{background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:1px;}

    .lsep{background:url(“images/lsep.png”) no-repeat scroll top center #CCCCCC;clear:both;height:0px;margin:10px auto;}

    I found a template to alter parent theme rules and was just attempting to fit the information to it! Please let me know how you would remove lsep?

    One problem ive been having is on inspecting my css on (for example) fire bug, the ccs line does not match the line of my css file when opened (in expression web)… I dont know if this is linked but its confused me and makes me worry my website is somehow built on dodgy foundations.

    an example: on firefox style (line:88) for lsep
    on expression web – relating info found on line 177

    thanks again for your help

    Thread Starter eddyerts

    (@eddyerts)

    Additional info:

    The plot thickens… So i just noticed/remembered that i had attempted to alter the .lsep file in the parent theme (the height is set to 0px). I just reuploaded this css via ftp into my simplify theme folder.

    My child theme is directly pulling the css from this folder via @import. So how come now on my website the .lsep file still remains and under inspection the pixels are set to 20 (the original default) and not to 0 as i have specified in the parent css.

    here is the exact line again

    .lsep{background:url(“images/lsep.png”) no-repeat scroll top center #CCCCCC;clear:both;height:0px;margin:10px auto;}

    and on website puerteaspecialists.co.uk – height:20px

    I even downloaded the css file directly from my server via ftp to ensure i was opening the version that simplify claims to be running (themes/simplify/style.css) and the pixel height is set to 0, yet the website itself is showing 20. Very confused

    try to add to style.cssof the child theme:

    #featured-boxs .lsep { display: none; }

    make sure to clear the cache (WP-Super-Cache) to get to see the changes;

    also possibly clear the browser cache (press ‘ctrl f5’ or ‘reload’ or whatever your browser needs).

    Thread Starter eddyerts

    (@eddyerts)

    Thank you so much for your help, im still unsure as to why my edits on the parent css are never taking affect, but i am now able to override whatever css is being used via the chils theme, which is the main thing!

    thanks again

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Child theme wont override’ is closed to new replies.