Add content to the selected component.
Block quote: to edit the author image, double-click the image and select 'Choose image'. Upload a new image or select one from the image panel.
Tweet this block: Double-click the embed code (the grey bar or the 'Tweet this' text). First, find href="https://twitter.com/share?url=
By default, you'll see href="https://twitter.com/share?url=https://gathercontent.com/blog/the-last-URL-you-used&text=
You'll want to replace the URL between url= and &text= with the URL of the article you would like to share, for example, href="https://twitter.com/share?url=https://gathercontent.com/blog/customer-journey-maps-for-content-because-theyre-not-just-for-ux&text=
Next, replace the text after &text= with the text that you would like to share, for example, &text=this is some text.
The whole string will look something like this: href="https://twitter.com/share?url=https://gathercontent.com/blog/customer-journey-maps-for-content-because-theyre-not-just-for-ux&text=this is some text."
Note: It's important to keep the closing quotation mark after the text (there's an opening quotation mark after href=")
Publish your changes.
Navigate to the Blog Components page and select 'Inspect' (right-click the page and select 'Inspect' or 'Inspect element' - you may need to turn on developer tools).
Use the picker to select the correct element - the CSS classes are:
Call out: .call_out
Block quote: .blockquote_item
Twitter share: .share_item
Right click the '<div class=' in the developer panel and select Copy > Copy Element
In your article CMS panel, add a space and then click the '+' icon. Add the embed element and paste the code here.
Publish your article and check that the styling has been copied successfully.