Oxygen XML Forum

Posted: **Thu Jan 05, 2023 6:38 am**

I am trying to position a background image on the page header. This is for the customized PDF header.

    margin-top: 2cm;  
    margin-bottom: 1.5cm;
    margin-left: 1.06cm;
    margin-right: 0.81cm; 
@top-left{
    content: " ";
    background-image: url(../images/Reference.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

I want the background image 1 cm from the top margin. But, the background image is always aligned to the top of the margin with 0 cm.

Any thoughts on how to adjust the background image within the available page margin of 2 cm.

Posted: **Thu Jan 05, 2023 10:39 am**

Hello,

If you want your background-image to start 1cm from the top of the page, you need to change the background-position values:

Code: Select all

background-position: 0 1cm;

Where the first value is the X axis (from the left) and the second is the Y axis (from the top).

Regards,
Julien

Posted: **Thu Jan 05, 2023 1:20 pm**

Thanks a lot. It really helps.

Oxygen XML Forum

Positioning background image on page header

Positioning background image on page header

Re: Positioning background image on page header

Re: Positioning background image on page header