Home › Forums › Free Themes › Education Hub › Applying Custom CSS
- This topic has 8 replies, 2 voices, and was last updated 6 years, 1 month ago by wensolutions.
January 25, 2017 at 3:32 am #29842
I’m curious is there some trick or setting for the custom css to be applied?
The only thing i can get to work is inline css.
No Class nor ID I create CSS for, gets applied. No matter if I use the customize panel and set CSS there or if I use the main css file. No matter where I put the CSS, no matter where I tag the content. Nothing but inline works.
Feels like inheritance takes it all away, or something else….
Any advice?January 25, 2017 at 4:08 am #29848
You can use and apply the custom CSS for your modifications / desired changes through the Admin Dashboard > Appearance > Customize > Additional CSS ( for WP version 4.7 or greater ) OR from Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS.
Also, if you are using a child theme, you can add your custom styles via the child theme’s style.css file. However, we never encourage the direct modification of the theme’s style.css file as the changes will be lost upon the theme update.
If you are having trouble with applying the custom CSS, please provide us details on your desired CSS changes and how you are trying to implement them along with your Website URL so that we can help you further.
Hope this Helps,
Best Regards !!January 25, 2017 at 4:40 am #29849
Hello & Thank you for the blazing response
I am using the Admin Dashboard > Appearance > Customize > Additional CSS
This one does not exist for me:
Admin Dashboard > Appearance > Customize > Theme Options > Advanced Options > Custom CSS
The URL I am testing with is:
view source and you can see the CSS and how it is applied using ID
Thank you for your time and attentionJanuary 25, 2017 at 7:07 am #29861
We have inspected your website and we could not find any custom CSS codes applied in the site currently.
As we have mentioned earlier, the theme does take the custom CSS from the Additional CSS field in the customizer as we have tested in the theme latest version.
If you have implemented any custom CSS currently, please provide us the Custom CSS that you are using along with the section you are willing to target so that we could verify the code in our side and debug further.
Best Regards !!January 25, 2017 at 7:45 am #29864
View-source – same page
Your theme applies the custom css at line 73
The application of the css starts at line 203January 25, 2017 at 6:03 pm #29917
as i have mentioned earlier – i did use the additional css field
and i have pointed out where your theme posted that additional css in the view source and pointed out where it used
when you looked at the code – did you not notice the code?
your theme – writes a statement with the additional CSS:
“You can add your own CSS here.”
Might be helpful to search for that statement when looking for “Additional CSS” within your own theme.
again, it starts at line 73
and the implementation of that CSS starts at line 203January 25, 2017 at 11:58 pm #29926
We apologize for the confusion regarding the custom CSS. We have inspected the site and it is seen that all the Custom CSS you have entered in the Additional CSS field has been Commented as you have pasted it inside the WordPress default Comment / instruction in the Additional CSS option.
Please move All the Custom CSS you have added to below the “Click the help icon above to learn more.
*/” Comment line and the CSS will work in the front page.
All the CSS between the ” /* ……….*/ ” are automatically commented and ignored.
For any further confusions, feel free to post your queries.
Hope this Helps,
Best Regards !!January 26, 2017 at 1:16 am #29932
thank you for your time and attentionJanuary 26, 2017 at 1:42 am #29933
Glad that your issue has been resolved.
If you have any problem further please let us know.
- You must be logged in to reply to this topic.