Tagged: child theme, custom.css
-
AuthorPosts
-
July 10, 2015 at 6:47 pm #471677
Hello. I have the child theme configured for my Enfold theme. I currently have the style.css file in there and our functions.php file in there.
This might be a dumb question, but can you clarify if I should just be using a “custom.css” file in my child theme folder (instead of the style.css file). Or should I be using both css files within my child theme folder?
I’d also like to mention that I’ve noticed sometimes if I try adding some new CSS code to the child theme’s style.css file that it doesn’t reflect the changes on the site (unless I place that same code directly in the quick css area of Enfold). Therefore, I’m wondering if everything would work better via a custom.css file in the child theme (instead of using the style.css file in the child theme), but want to confirm what is the best approach for css changes/additions when using a child theme.
July 13, 2015 at 11:12 am #472254Hi ACNLatitudes!
You can use Style.css file of your child theme to add your custom CSS code.
Also, please flush browser cache and refresh your page a few times after you add new code to style.css file and check if that helps.Best regards,
YigitJuly 13, 2015 at 8:35 pm #472661Ok. Just to make sure we are both on the same page, I can use the style.css file within the Child theme to do the following:
1) Copying over and editing existing pieces of CSS (that are already part of the parent theme’s css file). For example, if I right click something on my website and inspect the element in Google Chrome and then copy that code over to the style.css file in the Child theme to tweak it.
2) Coping over and editing existing pieces of CSS (that are part of a plugin’s css file). For example, if I right click on something on my website (related to a plugin) and inspect the element in Google Chrome and then copy that code (from the plugin’s css file) over to the style.css file in the Child theme to tweak it.
I just wanted to make sure that the style.css file in the Child theme behaves the exact same way that a custom.css file would work if I were not using a child theme.
Thanks!
July 14, 2015 at 3:12 pm #473222Hi!
1 & 2 – Yes, exactly. You can overwrite existing classes and add new ones to style.css file of your child theme and they will be active.
Regards,
YigitJuly 24, 2015 at 3:32 am #478035OK. Thank you. You can close this ticket.
July 24, 2015 at 9:15 am #478077Hey!
I am now! Let us know if you need anything else, with a new ticket!
Cheers!
Basilis -
AuthorPosts
- The topic ‘Using Custom.css File w/ Child Theme’ is closed to new replies.