is your child theme active on the site? if it is then you make all the changes in the style.css file for the child theme. that will overwrite the parent theme.
Thread Starter
pfenn
(@pfenn)
Thanks Jack
Yep the child is active theme is active
Problem is when I make any changes they do not appear – for some unknown reason the site continues to refer to the parent style sheet and I can’t work out why?
have you tried clearing your browser’s cache?
Thread Starter
pfenn
(@pfenn)
I do that regularly, and it looks the same on multiple browsers and machines so I’m not sure thats the cause, but I will empty it again…
what css are you using to get rid of/change those bits? you might not be being quite specific enough with your selectors…
Thread Starter
pfenn
(@pfenn)
I’m pasting css from the parent theme into the child theme. But I guess I’m not doing it right…
can you post in the css you’re trying to tweak? remember to use the backticks key though!
Thread Starter
pfenn
(@pfenn)
Thanks. I think its this…
}
.entry-content,
.entry-summary,
.mu_register {
line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
margin: 24px 0;
margin: 1.714285714rem 0;
line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
font-size: 21px;
font-size: 1.5rem;
line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
font-size: 18px;
font-size: 1.285714286rem;
line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
font-size: 14px;
font-size: 1rem;
line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
try adding in
.entry-content table, .comment-content table
{
border: none;
}
this gets rid of the border at the bottom (the bottom grey line)
.entry-content td
{
border: none;
}
to remove the top grey line and i’m just working on the link colour as it doesn’t have any class or ids on it…
try
div.entry-content table tbody tr td h3 span a
{
color: #FB4105
}
and see if that does anything…
Thread Starter
pfenn
(@pfenn)
Thanks for this Jack, but no luck with either of those…
Seems like wherever I paste this the site just reads the parent stylesheet and not the child like it should.
Thread Starter
pfenn
(@pfenn)
Hey that worked for some of the grey lines! Awesome thanks. A few more at the bottom to erase if you have any suggestions Jack?
can you paste in the contents of the top of your child theme’s style.css file? all the stuff in the
/*
*/
and the first few lines under that…
Thread Starter
pfenn
(@pfenn)
And the link colour change worked too, must of been pasting the code in the wrong place! Thanks so much, this is amazing. Cheers Jack
Thread Starter
pfenn
(@pfenn)
Here’s the code from the top of the child theme:
/*
Theme Name: Twenty Twelve Child
Theme URI: http://example.com/
Description: Child theme for the Twenty Twelve theme
Author: Your name here
Author URI: http://example.com/about/
Template: twentytwelve
Version: 0.1.0
*/
@import url("../twentytwelve/style.css");
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: none !important;
box-shadow: none !important;
}
.main-navigation {
display: none;
}
body {
line-height: 0;
}
div.entry-content table tbody tr td h3 span a
{
color: #FB4105
}
.entry-content table, .comment-content table
{
border: none;
}
.entry-content td
{
border: none;
