Return to previous page

Child Theme still does not load website properly (seems to not load css changes)

This topic has 7 replies, 2 voices, and was last updated 9 years, 8 months ago ago by Olga Barlow

  • Avatar: Jimbo
    Jimbo
    Participant
    March 13, 2015 at 23:51

    Hi,

    I have mentioned this before and it is still unresolved.

    The child theme does not load my website changes fully, to me it is not loading my changes via custom.css file.

    I would like to keep the child theme active for changes as advised and suggested but I can’t do this if it is not loading changes.

    I recently added a change via the custom.css to adjust the categories list on a sidebar as this was not in line with content on the right? when loading the child theme these changes do not happen?

    Please help as I would like to get the child theme working.

    Regards

    #49552 Copied
    6 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 14, 2015 at 12:06

    Hello,

    I think to solve this problem I need to clarify how custom.css file works. Custom.css file was created to change theme styles, that’s why it should be placed in parent theme only! It does not work if you move it in child theme. If you need to add changes in child theme we recommend to use child theme styles.css. You may use custom.css too, but this file should be located in wp-content/themes/woopress/ folder!

    Also you need to be very attentive when you add your styles, because if there is a misprint or any other mistake, all the css styles added after this misprint won’t work, as it already was before. So, please, follow these recommendations, check your files and styles and everything will work.

    Regards,
    Olga Barlow

    #49614 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    March 14, 2015 at 13:54

    Olga,

    There are no errors in the custom.css from what I can see at all!

    So are you saying that any code in the custom.css needs to be moves the child theme style.css file?

    From looking at the codex for setting up a child theme are you 100% that everything is enqued?

    Your reply still does not resolve the child theme problem which has been like this for weeks now!

    Thanks

    #49625 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    March 15, 2015 at 14:42

    Olga or (support staff)

    I have child-theme installed, most stuff seems to work but I noticed a recent change which you guys helped me on with the sidebar for categories on the products page does not upload those changes, the categories sidebar on the left does not fully align with the filter box to the right.

    Please see my image to explain;

    products category-sidebar

    the code you guys added was: 

    div#woocommerce_product_categories-2 {
margin-top: 44px;
}
.sidebar-widget .widget-title {
padding: 15px 0 15px 0;
}

    When I change to the child theme I notice that there is reference to woocommerce_product_categories-1 from looking at the code using firebug but do not see where the code is located or why it changes using the child theme.

    For anyone using the child theme and you want to use an image in admin like the main theme I include an image called screenshot.png which you upload to the root of your child-theme folder, just makes it look better to have an image.

    http://i60.tinypic.com/6dqp7t.png

    #49691 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 16, 2015 at 11:56

    Hello,

    You can use both custom.css and child theme style.css. In this case you don’t need to copy code from custom to child. Also you may use only custom or only style.css. Then you need to place all the necessary code in one file depending on which one you want to use.

    Use the following code to add margin instead of that one:

    .sidebar .widget_product_categories {
  margin-top: 44px;
}

    Regards,
    Olga Barlow

    #49803 Copied
    Avatar: Jimbo
    Jimbo
    Participant
    March 16, 2015 at 12:14

    Olga,

    that is great, thanks explaining about the css.

    Thanks for adding the code also, much appreciated.

    #49810 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    March 16, 2015 at 15:16

    Hello,

    You are welcome!

    Regards

    #49884 Copied
  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Child Theme still does not load website properly (seems to not load css changes)’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Games Store – WordPress WooCommerce Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.