I hope that I am not repeating a post, but I couldn't find an answer to a small issue I can't seem to resolve on my own.
I built a site using Hydrogen and am trying to override the blockquote style in my custom scss file and it isn't working. I can't figure out what I'm doing wrong.
In my custom css, I have
blockquote {border-left: 5px solid #31b24b;}
But the blockquote still displays as a gray line instead of the green I specified here. I saw that the blockquote is styled in the _typography.scss file, so I moved the _typography.scss file into my custom scss folder and called it into my custom.scss file like this @import "typography";.
It seems to be working. My question is whether or not it was OK to do that or if I am looking at any trouble down the line with updates, etc.
Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look for you.
Regards, Mark.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
I'm sorry but I can't give access to the website. The client strictly prohibits it. I set this up like a particle CSS override, so I'm hoping I'm good. It's just weird that I couldn't get a regular custom css override to work though.
Also, you should not be importing the whole of _typography.scss into your own custom scss file. Your custom.scss should only contain statements that you want to change - otherwise you are going to make the custom.scss huge and slow your site down too.
Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.