This topic has 22 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Robert Hall
I’ve created a new star.png file, created an “images” folder in the Child, and placed the image into that folder. I can’t seem to have the site “pick up” on that new image. Keeps resorting to the old one in the classico/images folder. I even tried to delete the old one, but that didn’t work.
Any ideas why that would be?
Hello,
Please provide us with wp-admin and FTP credentials in Private Content and specify in what folder your site placed.
Regards,
Robert Hall
Sure. See attached.
Hello,
As I see the star.png is working fine in the Child Theme.
Please see screenshot: http://prntscr.com/aal996
Also please clear all cache and check it.
Regards,
Robert Hall
It’s working fine because I put the modified file in the classico folder as well. If you remove (or rename) the file from there, it won’t work. This was mentioned in my private attached content.
I went ahead and renamed the file in the classico folder so that you can see it doesn’t work. The modified star child file I left.
Hello,
I’ve added this code in style.css of the Child Theme. Please check it now.
p.stars span a:hover, p.stars span a:focus, p.stars span a:hover, p.stars span a:focus {
background: url(images/star.png) repeat-x left 0;
}
Regards,
Robert Hall
Doers the old star file have to remain in the classico folder? I see that you placed one back into there.
Also, it does work…however I see that this is going to be more involved than I thought for other files. I also modified the list-icon and grid-icon files. I guess the same thing has to happen there as well? Modifying CSS for this to work in the child?
Doers the old star file have to remain in the classico folder? I see that you placed one back into there.
No, you can delete it if you want.
You need add the same CSS code for the Child Theme as uses in default theme then all new images will work with the Child Theme. Just copy all CSS style from style.css (default theme) to style.css (Child theme).
Regards,
Robert Hall
So your code addition sets me up for any other images I want to modify and place into the child? It will be called out just fine now?
If you want to change grid-icon.png you need also copy CSS code from default theme to Child Theme. For example:
.filter-wrap .view-switcher .switchToGrid .icon-th-large {
width: 14px;
height: 14px;
display: inline-block;
margin: 9px 0;
opacity: 0.4;
background-image: url(images/grid-icon.png);
background-repeat: no-repeat;
background-position: center center;
}
The same thing for list-icon.png
.filter-wrap .view-switcher .switchToList .icon-th-list {
width: 14px;
height: 14px;
display: inline-block;
margin: 9px 0;
opacity: 0.4;
background-image: url(images/list-icon.png);
background-repeat: no-repeat;
background-position: center center;
}
Please add my code to Child theme and check it.
Regards,
Robert Hall
I see. And the code list-icon?
Sounds like it might be easier just to remember at every update to replace the original file with the modified one. I didn’t realize there was so much code involved for every single modified image you want to place into the child.
Yes, you can also use this code to change images in the Child theme, but in the future if you want to change some size then you need apply width, height value and some other parameters to Child Theme or use Global Custom CSS to stylize something else.
.filter-wrap .view-switcher .switchToGrid .icon-th-large {
background-image: url(images/grid-icon.png);
}
.filter-wrap .view-switcher .switchToList .icon-th-list {
background-image: url(images/list-icon.png);
}
Regards,
Robert Hall
I’m never changing size in this case…just color of the image.
Well, then you will need only code that I’ve wrote in my last post.
Regards,
Robert Hall
I think I understand as we’ve been bouncing around on this. I’ll play with it.
BTW…my “Share Social” icons used to be a lot closer to the title…now they’re not. They are at the right most of the page. Did you go in there?
Also, “additional information” tab is visible. I had basically removed that. Now it’s back.
Hello,
Please provide us with screenshot where the Social Icons should be.
Also I see only description and reviews tabs on the Single Product Page.
Regards,
Robert Hall
That’s odd. Because “additional info” tab is still there. I assume you must have replaced a php file or something during the course of this support issues for some reason? These elements used to be fine.
See attached screenshot.
Also, my red stars are not showing anymore. The code you added to the child’s CSS file however is still intact.
Update: I’ve got another issue to add.
My pricing for products got messed up as well. My “starting at…” (or “starting from…” I can’t remember what it said) is no longer there. It now shows the lower price and the upper price…the entire possible dollar range for that particular product.
Check it all out.
I’ve activated the Child Theme. Please check it.
Regards,
Robert Hall
I see say the blind man. You threw me a curve ball deactivated the child…and leaving it that way. lol Not sure why on that one.
Thanks. Seems to be alright. BTW…where can I put some padding on that “SHARE SOCIAL” title?
Please use this code in style.css of the Child Theme.
.product-information .share-title {
padding: 0px 15px 0px 0px;
}
Regards,
Robert Hall
Perfect…and done.
Thanks buddy.
You’re welcome and have a good day!
Regards,
Robert Hall
The issue related to '‘Additions I make to Child theme through FTP not showing on site?’' has been successfully resolved, and the topic is now closed for further responses