Community Forums › Forums › Archived Forums › General Discussion › Missing ending quote for backquote
- This topic has 7 replies, 2 voices, and was last updated 5 years, 3 months ago by
tatami.
-
AuthorPosts
-
June 8, 2018 at 10:09 am #220668
westerdaled
MemberHi
I appreciate this is trivial markup issues. However, on my Metro Pro blog, I have added the following to a post.
<blockquote> Whatever total amount is raised by the 1st August, I will match it!!!</blockquote>
I have noticed that the ending quote is missing, so Is this correct?
https://westerdale.blogJune 8, 2018 at 11:09 am #220670tatami
ParticipantI'm not familiar with Metro Pro but in my experience it's standard practice for blockquotes to be indicated by an opening quote mark and for there to be no closing quote mark. When I started my website, I noticed this and went to quite a lot of trouble to find a way of instating closing quotes. After a while, I reverted to just an opening quote. Wny? Mostly because I couldn't find a way of controlling the position of the closing quote. As a result, it often looked uncomfortable. So I concluded that the convention of having just an opening quote does actually make sense. I hope this is helpful and good luck with your blog.
June 8, 2018 at 11:34 am #220672westerdaled
MemberThanks for your thoughtful reply. Yes, your comments are helpful as this is what I kind suspected.
My only other thought the font-size for the quote could be a little bit larger for a stronger emphasis. Indeed, I am comfortable about changing styles.css - I am using free GIT source control( visual studio team services) to keep track of the changes.
Really like WordPress but is it a so time consuming 😉 )
June 8, 2018 at 11:40 am #220675tatami
ParticipantYes, for me (a neophyte) it is VERY time-consuming. But very rewarding, too, when I finally get things working as I want them to.
In case it's of any help, this is the custom CSS I've added to format the block quotes on my website (www.aenigma-images.com).
/* Quotation mark before block quotes */ blockquote::before { content: "\201C"; color: #6b6b6b; display: block; font-family: "oswald" !important; font-size: 70px; height: 0; left: -40px; position: relative; top: -20px; }
Of course you could adjust any of those elements to get the effect you're looking for.
June 8, 2018 at 11:45 am #220679tatami
ParticipantWordPress is VERY time-consuming, at least it is if you're a neophyte like I am. But it's also very rewarding when you get things working like you want them to.
As to configuring block quotes, in case it's of any use to you, here's the custom CSS I've added to the style sheet for my website:
/* Quotation mark before block quotes */ blockquote::before { content: "\201C"; color: #6b6b6b; display: block; font-family: "oswald" !important; font-size: 70px; height: 0; left: -40px; position: relative; top: -20px; }
You can see how it works at aenigma. Of course, you can modify each of the elements to get the effect you're looking for.
June 8, 2018 at 12:10 pm #220681westerdaled
MemberYou are so right and like you I do feel elated when things work -even if it means overriding each style as I had to do for the resume plugin this week.
Ok did you add that style to styles.css or have been able to also load a custom style sheet . I am not sure how to that. Eitherway, I am happy to try as I will working on the blog a bit later this evening.
June 8, 2018 at 12:34 pm #220682tatami
ParticipantI use a plugin called WP Add Custom CSS. That enables me to keep all the custom CSS separate from the main style sheet and at the same time to keep track of my changes. Try it!
June 8, 2018 at 2:51 pm #220684westerdaled
MemberThe plugin looks great as it allows styles applied to an individually post or globally. However, I have got into the habit of overriding or commenting out styles centrally, in styles.css which I edit in (free) Visual Studio Code. Hence this is what I did with your suggested style. Yep, good call as it looks impressive on mobile as well as the desktop. Thanks
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.