- This topic has 4 replies, 5 voices, and was last updated 1 year, 3 months ago by .
- You must be logged in to reply to this topic.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I'm completely new to css so excuse if there's something obvious.
I'm trying to change the style.css file in my theme folder (specifically heading and body font weights/px). No changes are being effected. Changes to functions.php are working, so I'm led to believe there's some overriding going on within the css. However, I don't actually know. Does anyone else?
I am using the Vintage theme from appfinite.
First things first, if you are using WP Rocket or another plugin to improve the website's performance, clear the cache. Your browser might be looking at a cached version of the stylesheet. If you're using Google Fonts, make sure you are importing the font-weight you are trying to use. As far as the size goes (px) you need to look into the CSS with Inspector and find why the size you're specifying is not being used. If your modification shows with a line drawn through it, it indicates another CSS rule is taking priority. Any time my custom CSS is not being recognized, I add !important at the end of my mod. If that fixes it, I then look for what conflicting CSS is taking priority.
Also, when making changes to the stylesheet, I always use Simple CSS. It's a plugin that allows you to make changes to the styling without actually toughing your theme's stylesheet.
If you're using Google Fonts in your site suc as Drawing base, make sure you are importing the font-weight you are trying to use. As far as the size goes (px) you need to look into the CSS with Inspector and find why the size you're specifying is not being used. If your modification shows with a line drawn through it, it indicates another CSS rule is taking priority.
Answers. It sounds like your CSS files may be getting cached. Try clearing the cache within your browser by performing a hard-refresh you can usually do this with CTRL+F5 or SHIFT+F5 or by explicitly going into the browser settings a clearing out your cache temporary files.
© 2023 WPEngine, Inc.