OJS: hide submitted date display on Immersion theme

Hello,

For several reasons, I am looking for a way to hide the information regarding the date of submission (which displays as “submitted”) on the article page. In the case of a journal which still manages the editorial processes externally and not an OJS this information is infact not appropriate and wrong, as it is taken from the QuickSubmit plugin. I have also noticed that the Submitted date appears as Month, number Year, while the pubblication date appears differently as YYYY-MM-DD, which seems strange.
So, I just would like to hide the “submitted” information (I am running OJS3, last version, with Immersion theme). There could be a way to do this with some custom.css?
Thank you very much, and again best regards,
Leonardo

Hi @leonardo.mancini,

Are you able to provide a link to a sample from your site where this is occurring so we can pinpoint how you might suppress the display of it.

Regards,

Roger
PKP Team

Hi @rcgillis ,
Thank you for your reply and for the attention. Just for information I am using OJS 3.2.1.2.
My journal’s website is: http://www.ista-online.org/journal.
With my best regards,
Leonardo

Hi @leonardo.mancini,

The particular metadata that displays this field is <p class="issue_meta">) - for the issue page: http://ista-online.org/journal/index.php/jta/issue/view/1 (if you use developer tools or inspect element in your browser). So you could try .issue_meta: display: none; in a custom css? For more info on customizing a theme, I’d encourage you to have a look at our theming guide: PKP Theming Guide. As for the date formats - might not be much you can do about this in this version of OJS, but if you upgrade to OJS 3.3 in the future, there is more control over date formats: Website Settings

-Roger
PKP team

Thanks, @leonardo.mancini, I brought it to attention here: On article landing page date submitted and date published have different format · Issue #64 · pkp/immersion · GitHub.
Regarding hiding this info, CSS way described above is probably the easiest one. The date would still be accessible, e.g., via browser’s dev tool.
To remove it completely and not to expose it in HTML in any form, I’d override article_details template from a child theme.

1 Like

Hi @rcgillis, hi @Vitaliy,

Thank you very much for your clear answers.
I have tried adding the .issue_meta: display: none; instruction, but apparently without effect on the website.
So I also tried to write it as follows:

.issue_meta {
display: none;
}

And still I could not hide the submitted date. I am still missing something.
Thank you,
Leonardo

Hi @leonardo.mancini,

You may want to try clearing your caches in the site admin settings, and clear your browser cache - sometimes that is necessary in order for CSS changes to take effect. But if it still doesn’t work after trying this, let us know.

-Roger

Hi @rcgillis,

Thank you, I tried already, and now again, but still without effect.
I am using this css code:

.issue_meta {
display: none;
}

Does it look ok for you?
Best regards,
Leonardo

ps.: this is the website: Starting a new adventure | Journal of Theatre Anthropology (ista-online.org)

Hi @leonardo.mancini,

My apologies: I was looking at the wrong tag - issue_meta would be for the issue view. For the article page, here is the information you want to target in your CSS file:

<div class="article-page__meta">

	<dl>
																							<dt>
					DOI
				</dt>
				<dd>
												<a id="pub-id::doi"
						   href="https://doi.org/10.7413/2724-623X002">
							https://doi.org/10.7413/2724-623X002
						</a>
										</dd>
													<dt>
				Submitted
			</dt>
			<dd>
				February 10, 2021
			</dd>
		
						<dt>
				Published
			</dt>
			<dd>
															2021-03-10
													</dd>
						
	</dl>
</div>

The problem here is, that there is the submission info is in the <dt>. So, if you target the <dt> in the class with the display:none; you’ll also take out the publishing date, which is also in a <dt> tag, so you have to target a specific <dt> tag, so I’m not entirely sure that this can be done in CSS. Instead what you might have to do is create a child theme in order to address this: Child Themes. I don’t have much experience with creating child themes, so to be sure, though, I’ll check with some of my colleagues to see if there isn’t a way around this.

-Roger