Customize footer in ojs 3.1

We hide the default footer image with the following code in css file:

.pkp_brand_footer {
    display: none;
}

The following code goes into the footer section of our journal under “Website” → “appearence”.

<div id="ojsBrand"><a href="https://pkp.sfu.ca/ojs/" target="_blank"><img src="https://jlmc.edu.np/public/site/images/anupent/ojs_brand.png" alt="OJS Brand" /></a></div>

Then, following code goes into css.

#ojsBrand {
float: right;
margin-top: -1em;
}

#ojsBrand img{
width: 30%;
float: right;
}

Hope this works in yours.

Regards,
@anupent

2 Likes