Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

CSS in pdf

Engaged ,
Jul 19, 2019 Jul 19, 2019

Hello

this is not an InDesign specific query. But i thought the members of this channel would be conversant with the details of this.

I have converted a document created in MS Word into PDF. Now i wish to round off the border of the 'Key Contact' block.

I wish to know if there is any way i can work with CSS in PDFs to round off the edges of an element.

Screenprint below:

Capture.PNG

Any guidance would be appreciated.

Regards

4.7K
Translate
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 , Jul 19, 2019 Jul 19, 2019

The same would be true for InDesign! Unfortunately... rounded corners in a table seem to be a mystery to most!

If there's not too many of them - wonder if you use the Edit Content in Acrobat Pro.

You could probably edit the rectangle in Illustrator - let me try it real quick

Search for the edit tool in Acrobat

Screen Shot 2019-07-19 at 11.04.45.png

Select the header in Acrobat and right click and choose Edit Using>Adobe Illustrator

(If illustrator doesn't show up then it's not the default app)

Screen Shot 2019-07-19 at 11.05.43.png

Make the change in Illustrator (don't move it

...
Translate
Community Expert ,
Jul 19, 2019 Jul 19, 2019

"Not InDesign specific" is an understatement as this has noth to do with it.

Acrobat has a forum of its own: Acrobat

(They will tell you that "CSS" is a HTML thing and has nothing to do with PDFs, and it's a misconception of the weirdest kind to try and mix these two. But they might have better options.)

Translate
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
Engaged ,
Jul 19, 2019 Jul 19, 2019

yup jongware, you are right... i looked that up, but i did not see the 'create discussion' link. but i got it now. thank you.

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

Eugene's not only an Irish InDesign wizard but, it seems, a Word wizard as well!

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

Round the corners of the image in another application that can do it – InDesign, Photoshop, Gimp etc – and place that image in your Word document.

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

Round the corners in Word

Rounded Corners for a Text Box

  1. Select your text box.
  2. Display the Format tab of the ribbon. (This tab is visible only when the text box is selected.)
  3. Click the Edit Shape tool, in the Insert Shapes group. Word displays some options.
  4. Choose Change Shape. ...
  5. Click a shape—the rounded-corner rectangle is a good choice.

Translate
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
Engaged ,
Jul 19, 2019 Jul 19, 2019

thanks Eugene. but i created that using a table in MS Word. I guess in order to accomplish the rounded effect, i will have to use shapes.

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

The same would be true for InDesign! Unfortunately... rounded corners in a table seem to be a mystery to most!

If there's not too many of them - wonder if you use the Edit Content in Acrobat Pro.

You could probably edit the rectangle in Illustrator - let me try it real quick

Search for the edit tool in Acrobat

Screen Shot 2019-07-19 at 11.04.45.png

Select the header in Acrobat and right click and choose Edit Using>Adobe Illustrator

(If illustrator doesn't show up then it's not the default app)

Screen Shot 2019-07-19 at 11.05.43.png

Make the change in Illustrator (don't move it or resize your artboard or do anything except round corner.

Screen Shot 2019-07-19 at 11.07.05.png

Save it using File>Save

A new Acrobat window opens with ACRTEMPNO. file

IGNORE THIS AND CLOSE IT

Screen Shot 2019-07-19 at 11.08.03.png

In your real doc in Acrobat the change should be done.

Screen Shot 2019-07-19 at 11.08.22.png

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

Of course, you probably only want to corner the top left and right!

Translate
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
Engaged ,
Jul 19, 2019 Jul 19, 2019

Thanks v much, Eugene.. this was v helpful. it worked just as you highlighted.

Regards

Translate
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 ,
Jul 22, 2019 Jul 22, 2019
LATEST

FWIW: With InDesign one can create rounded corners with Paragraph Shading.

From my German InDesign where I applied the formatting also to text of a table cell:

ParagraphShadingWithRoundedCorners.PNG

How would it look with several paragraphs where the same formatting style is applied?

Weird enough you have to use Paragraph Borders with stroke width set to value 0 to achieve this.

Note, that I enabled "Merge Consecutive Borders and Shading with same Settings".

You'll find that option only in Paragraph Borders but it acts on Paragraph Borders and on Paragraph Shading as well.

ParagraphShadingWithRoundedCorners-1.PNG

EDITED:

If you disable Paragraph Border or if you disable "Merge Consecutive Borders and Shading with same Settings" you'll get something like this you might not want:

ParagraphShadingWithRoundedCorners-2.PNG

Regards,
Uwe

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

There absolutely no way to try using CSS specs in a PDF file. It's like trying to sing Norwegian in a 100% Chinese karaoke bar – no one will understand a word of it. Like Eugene already replied, you could open the PDF file in Illustrator, tweak the corners, and save it back.

(Strangely enough, Illustrator is capable of copying/exporting CSS specs for certain elements.)

Translate
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 ,
Jul 19, 2019 Jul 19, 2019

No no never open a pdf in illustrator... unless saved as a pdf from illustrator with esiting capabilites.

My method is to edit individual elements by using the Edit function in Acrobat to select the element and Edit with...as per screenshots.

Please dont open pdfs in Illustrator if at all possible  

Translate
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
Engaged ,
Jul 19, 2019 Jul 19, 2019

Hey Peter

"It's like trying to sing Norwegian in a 100% Chinese karaoke bar " - haha.. that cracked me up... really funny.

Now this is what i am referring to: (Strangely enough, Illustrator is capable of copying/exporting CSS specs for certain elements.)

Does InDesign also export any CSS specifications for the document. Because it can save in an e-reader format.

And if it does export CSS specifications, how does one get to that CSS and refactor it.

Regards

Translate
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