PDF styling - unable to remove unwanted padding

[LostInLunacy]

What I want to do

• Remove unwanted spacing between internal/external link previews in PDF output.

e.g.
![[some page#my text]]

A screenshot to illustrate:

This large spacing doesn’t show in Obsidian, only in PDF exports.

Things I have tried

I have looked at the help docs (F1), but couldn’t find anything pertinent to this.

I’ve used inspect element to identify the tags, and modified them with css snippets. I’m able to make any changes I desire to show in obsidian using this method.

However, the changes are often not reflected when exporting to PDF.

I know that you can specifically modify css for PDF exports with

@media print {		
}

But how do I know the specific names of classes I’m looking to modify, given that there isn’t a default css file?

I’m probably going wrong somewhere - any thoughts appreciated!

[argentum]

There are a few tips over here: How to style the PDF with @media print?

As far as I understand, if you’ve found the selectors, you only need to target them inside the media print environment (in case you don’t know how to do that, this is a good place to start: Getting comfortable with Obsidian CSS).

[LostInLunacy]

@argentum

As far as I understand, if you’ve found the selectors, you only need to target them inside the media print environment

Unfortunately, as I perhaps poorly articulated above, that is not my experience. For I can make one change that reflects inside the app, but which does not appear to reflect on the exported PDF even if I place the same code inside of @media print.

[Moonbase59]

This question has been asked many times, unfortunately without real profound answers. Some few are here:

How to emulate @media print (for debugging PDF styling)?

I made the Clean Embeds CSS snippet but it still has some deficiencies in PDF styling (margins/padding around embeds when exporting to PDF). So I naively jumped into the Dev Console, hit Ctrl+Shift+P, selected Show Rendering and selected Emulate CSS media type: print. Voilà: White screen. Of course now it tried to show the whole Obsidian in “print” mode, not just my preview window. Q1: How do you debug your PDF styling, say, for a theme or CSS snippet? Can’t be that we have to try-and-error a…

PDF export theme?

I don’t think you’d necessarily need a separate theme for print, but rather your theme could/should implement something for @media print. This is a related help question (unfortunately without many answers): How to style the PDF with @media print?

How to style the PDF with @media print?

Currently the PDF exported sports nothing as a style. I suggest that the theme should come attached with a print.css file for CSS styling for PDFs, so pages are styled with theme specific design. And the export thing will take print.css for styling the doc. That’s for the design, how to get header and footer for the exported PDF? Any idea…

In my Clean Embeds without cssclass, I have managed halfways, but left/right margins are still not correct in the PDF export.

I wonder if that has something to do with the different page size, maybe they use some other CSS for printing that overrides ours.