Child theme style.css not working

  • Resolved Greg Robertson

    (@517design)


    9 years, 1 month ago

    I have purchased the Archi theme from oceanthemes however i’m not getting any help with them on this issue.

    This theme came with a child theme arch-child (parent arch) included in the child theme is the style.css with this code:

    /*
 Theme Name:   Archi Child
 Theme URI:    https://936.678.myftpupload.com
 Description:  Archi Child Theme
 Author:       OceanThemes Team
 Author URI:   https://517design.com
 Template:     archi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/

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

/* =Theme customization starts here
------------------------------------------------------- */

h2 {color:#666;}

    I added the h2 {color:#666;} to test this style sheet. (I’ve tried other styles in this sheet but nothing is changing the theme)

    Every other file in the archi-child folder works fine.

    Any ideas why my child css file won’t change my site?

    Thanks

    https://936.678.myftpupload.com

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You’ll need to talk to your theme’s vendors for support: https://vegatheme.com

    Thread Starter Greg Robertson

    (@517design)

    Ya I know… But as I stated I’m not getting any feedback from them. And the url for support is: https://support.oceanthemes.net or theme forest at:
    https://themeforest.net/item/archi-interior-design-wordpress-theme/12649286?s_phrase=&s_rank=119

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try adding something obvious like:

    body {
    border: 10px solid red !important;
}

    If the issue is more sinister than CSS then we can’t help.

    I would look at your code via the ‘inspect’ on whatever browser you use. See if the element you are trying to target has any inline styles. Those will have to be over written using “!important”

    sometimes elements have a specific class that can override the style. If your h2 element had a class associated with it and that was the element targeted in css it may not allow you to change the h2 without targeting its class specifically.

    from what i can see your child css looks ok.

    Thread Starter Greg Robertson

    (@517design)

    thanks yes I used inspect. I changed a few styles in my inspector and they worked. But I am still not able to get the child css to work. He’s using this code for the orange word “RESIDENTIAL” under the WHAT WE DO section on the hope page:

    <h3 style=""> <b>Residential</b> Design</h3>

    Not sure what do do about that…

    He does have a built in editor to edit the CSS on the “Archi Theme Options>Styling” section of the dashboard. I can use that but I would really like to use my code editor.

    so no worries if we can’t get it. I just don’t like no knowing something

    Thread Starter Greg Robertson

    (@517design)

    the url to the above home page
    https://936.678.myftpupload.com

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You have a CSS specificity issue, as you have probably found when adding the border style I recommended in my last comment.

    h3 b {color: #666;}

    Simply use more specific selectors:

    body h3 b {color: #666;}

    Thread Starter Greg Robertson

    (@517design)

    Yeah I tried your suggestion and it didn’t work. Tried many more variations of selectors, on different elements, still not working.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It does work, you just need to clear your cache

    Thread Starter Greg Robertson

    (@517design)

    Your right… Thanks it worked

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Child theme style.css not working’ is closed to new replies.