How to recreate block quotes, etc.

Enthusiast ,
Sep 10, 2022 Sep 10, 2022

Copy link to clipboard

Copied

In my original document, I had block quotes set up so that they had colored backgrounds and padding on all four sides.

 

Similarly, I created some special divs with gray backgrounds that contained definitions.

 

After importing my document into InDesign, the colored backgrounds remain, but all the other styling is gone. All I have is ordinary paragraphs with colored backgrounds.

 

How do I recreate my block quotes and divs? Do I just create new paragraph styles with the appropriate padding and background colors? Or do I have to create some sort of box that contains the text and give the box padding and a background color?

TOPICS
Performance

Views

106

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Sep 18, 2022 Sep 18, 2022

A more direct answer might be that you need to set the inside spacing — that inset spacing — using Text Frame options. Select the text frame and hit Ctrl-B:

JamesGiffordNitroPress_0-1663526547839.png

...and there's your "padding" for the frame.

 

It's best, as Peter notes, to make this part of an Object Style so you can apply it consistently to multiple frames.

 

 

Likes

Translate

Translate
Community Expert ,
Sep 10, 2022 Sep 10, 2022

Copy link to clipboard

Copied

What program did you use to create the original document? Was this a document meant for screen or print?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Sep 17, 2022 Sep 17, 2022

Copy link to clipboard

Copied

Sorry for the late reply. I created the files in Sigil, using CSS to format the blockquotes.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

There is a considerable divide between formatting for EPUB that can be achieved in InDesign and that which can be achieved using CSS. Many elements export a bit oddly, and many parameters available in CSS can't be set from ID.

 

Either will produce a fine result, if you know the limitations and work within them. My approach is to use both.

 

|| Word & InDesign to Kindle (& EPUB): a Professional Guide (Amazon)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 10, 2022 Sep 10, 2022

Copy link to clipboard

Copied

Echoing Peter's question: what did you create your "original document" with? Import from one tool to another of styles this elaborate is by no means a standardized or simple thing.

 

The basic method for pull quotes and small sidebars is to use an anchored text frame, and then use an Object Style to format those frames consistently. (As well as text styles for their content, which can be embedded in the Object style.)

 

|| Word & InDesign to Kindle (& EPUB): a Professional Guide (Amazon)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Sep 17, 2022 Sep 17, 2022

Copy link to clipboard

Copied

I did this Object > Anchored Object > Insert > Basic Text Frame (Content = Text) > Position > Inline

I then inserted some text. Next, I need to give the text frame some padding, but I don't see any reference to padding in the Properties panel. How can I give it a particular padding value?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

InDesign refers to "padding" as Inset Spacing on a text frame. It's set in the Text Frame Options dialog or as part of an object style you should probably define for pull quotes.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

Padding is almost never exported from ID, regardless of the settings applied to its native elements. Inset spacing on text frames is one.

 

You can, however, use an object style, and then apply padding to the CSS definition of that style.

 

I realize the goal here is the reverse, but for some reason, ID almost wholly ignores padding as a document structure element. (Look through the Export Tagging list for any/all paragraphs you care to; I don't think any has ever included padding parameters.)

 

|| Word & InDesign to Kindle (& EPUB): a Professional Guide (Amazon)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

LATEST

A more direct answer might be that you need to set the inside spacing — that inset spacing — using Text Frame options. Select the text frame and hit Ctrl-B:

JamesGiffordNitroPress_0-1663526547839.png

...and there's your "padding" for the frame.

 

It's best, as Peter notes, to make this part of an Object Style so you can apply it consistently to multiple frames.

 

 

|| Word & InDesign to Kindle (& EPUB): a Professional Guide (Amazon)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines