Support Forum

Ike said
OK I think I understand what's going on.. This was the first CSS change you had to add to your child theme correct?

Your spTheme.txt is pointing to reboot-child.css as the child theme stylesheet - This is where you should put any CSS that you want to take precedence over the parent CSS. Remember that only changes need to be added, you don't need a copy of the entire stylesheet.

You shouldn't have reboot.php in the child theme at all, in any way. Just for a reference, if you want to be able to use php in your child themes stylesheet then you will need to change the extension of reboot-child.css to reboot-child.php and also update the change in spTheme.txt.

So to recap, you need to:

1. Delete reboot.php from your child themes styles folder

2. Add the following code to your reboot-child.css stylesheet

<br />

#spMainContainer .spTopicPostSection .spPostUserAvatar img {          width: 80px; }

<br />

3. Remove the above from your parent themes reboot.php file

And things should work just fine..

Wait, so if I want to make a change to something in sptopicview for instance, I don't have to copy the whole thing and add the new code?  I remember being told that I had to copy the whole thing, add the change and place it in the child for it to work.  

Ike said
No, if you want to make a change to a template you do need to copy the whole thing. If you had an empty template file with just your change / addition, the parent template wouldn't know where to put it.

CSS works differently. If you have a rule targeting an ID or a class that says 'color: red;' for example, then underneath have exactly the same rule with 'color: green;' then the element will take the last instance and will appear green. It's therefore possible to have only the rules you want to change in your child themes stylesheet as they will be loaded over the top of the corresponding rules in your parent stylesheet.

So, you need the whole template if you want to make changes, but you only need the CSS Rules you want to directly change in the stylesheet.

It might be worth you having another read of Creating a Child Theme. Heavy read or not, it has all the information in you need.

So, does it work?

Sorry, this threw me off:

Ike said
OK I think I understand what’s going on.. This was the first CSS change you had to add to your child theme correct?

Anyway, I removed the reboot.php file from the child theme.  Removed the code from the parent reboot.php, and added the code 

#spMainContainer .spTopicPostSection .spPostUserAvatar img {          width: 75px; }

to the reboot-child.css from the theme editor:

I don't know what'g going on with the formatting.  It won't allow me to finish the paragraph without placing everything in the end in the css code.  It does not work if I follow the steps.  I placed the code using the theme editor and placed it in reboot-child.css

}