Header .css for OCS

Software Support
1

Good morning

I am configuring the OCS styles .css, I have generated an image for the header but it is not centered; How can I configure it? What is the root document to do it?

Thanks for the help.!

2

Maybe this link would be helpful?
https://www.w3schools.com/howto/howto_css_image_center.asp

3

hi i’m trying with this , but no responsive the code.
#headerTitle {
text-align: center !important;
margin: 0 auto;
padding: 0;
width: 100%;
background-position: center;

I found the header.tpl file, how can I generate the change that I need?

Thanks for the help

4

Centering the image is CSS’s responsibility. I suggest taking a look at the CSS that is already in place for the header with Google inspect tools (right mouse click → inspect) or similar tool in Firefox. It is possible that you need more precise CSS specificator (CSS priority rules).

If you want to make changes in the Smarty template, I suggest to do them through implementing a child-theme:
https://pkp.gitbooks.io/pkp-theming-guide/content/en/child-themes.html