I've used custom CSS to implement a drop cap on the first letter of the first paragraph of a blog post. To do so, I applied a class to the entire first block of text using a code block, up until the first non-text element (an image, in this case), to prevent inconsistent spacing between paragraphs (code blocks have a bit more padding).
However, it appears that links within the text in that code block are not inheriting the same styling as all other links. Is there an issue with how I've created the link? Or a way to force
p a {}
elements within a code block to inherit Squarespace's default link styling via CSS?
Site is currently password-protected, use code buildout.
Question
gclarke 0
Site URL: https://life-of-charlie.squarespace.com/blog/game-changing-skincare
I've used custom CSS to implement a drop cap on the first letter of the first paragraph of a blog post. To do so, I applied a class to the entire first block of text using a code block, up until the first non-text element (an image, in this case), to prevent inconsistent spacing between paragraphs (code blocks have a bit more padding).
However, it appears that links within the text in that code block are not inheriting the same styling as all other links. Is there an issue with how I've created the link? Or a way to force
p a {}
elements within a code block to inherit Squarespace's default link styling via CSS?
Site is currently password-protected, use code buildout.
Thanks!
Link to post
Top Posters For This Question
2
1
Popular Days
Jun 2
2
Jun 4
1
Top Posters For This Question
gclarke 2 posts
jpeter 1 post
Popular Days
Jun 2 2020
2 posts
Jun 4 2020
1 post
Posted Images
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment