Child Theme CSS not working

[LisaA]

I am using Woodmart with the Woodmart Child Theme downloaded from https://woodmart.xtemos.com/plugins/woodmart-child.zip and am having several issues configuring.

1) CSS Issues – It doesn’t matter what I put in the css file, for some reason the Child Theme CSS is not being seen and I don’t want to put everything in Theme Settings > Custom CSS, that is why I am using a Child Theme. BTW, it works when I put it in Custom CSS but again, that is not what I want, that’s why I’m using a Child Theme.

These are just simple examples but nothing works.

For example, if I want to change the font-size on the copyright text, I put the following but it doesn’t work.
.min-footer .col-left p {
font-size: 13px;
}

If I want to change the background color of the scrollToTop using the CSS below that doesn’t work.
.scrollToTop {
backgound-color: green;
}

2) Menu Header Background – How can I make this transparent on Desktop but use a color background on Sticky?

If I add the color through Woodmart > Header Builder, Choose the Header I’m using > Edit Main Header > Style Tab and choose a background color, it uses this color for both desktop regular and Sticky.

3) How to change height of header nav bar on desktop to be one height and and sticky header height to be another custom height?

• This topic was modified 10 months, 1 week ago by LisaA.

Hi LisaA,

Thanks for reaching to us and appreciate your patience.

1. Please switch to Child theme and I will take a look at your issues.

2. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.whb-header:not(.whb-sticked) .whb-general-header {
    background-color: transparent;
}

3. There are options to change height for normal and sticky header https://prnt.sc/elMk6bISuL60 https://prnt.sc/ZK0C2G1w587D

Regards,

The child theme is currently active. I have this up as just a development site so I can test things so if you need to change something feel free it’s not a working live site.

Can you let me know what is going on with this as to why putting css in the Child Theme does not work.

Hi LisaA,

Would you mind if I delete child theme and re-generate? Please confirm me back.

Regards,

Hi LisaA,

Would you mind if I delete child theme and re-generate? Please confirm me back.

Regards,

[LisaA]

I don’t mind at all, please do whatever you need to this is just a demo site and it’s all backed up. BTW, I’ve already tried reinstalling the child theme, I’ve also recreated a new child theme but nothing works.

• This reply was modified 10 months ago by LisaA.

Hi LisaA,

I removed Custom CSS from Theme Settings and it worked. Please check again https://prnt.sc/oxfxSDzdasIj

Regards,

What else was changed?

I have the site locally as well and just removing the css from the Theme Settings does not correct the problem by itself. The reason the CSS was put into the Theme Settings to begin with is because the Child Theme CSS was not being seen.

Now I’m afraid to update the site because whatever solved the issue can not be just removing CSS from the Theme Settings.

Please advise as to what other changes were made.

Hi LisaA,

Nothing else was changed.

I just moved Custom CSS to Child theme and it worked. You can copy Custom CSS from local to live site and check to see if it works.

Regards,

[Author]

Posts