Finding the Page ID

jkyser · September 12, 2016, 7:49pm

Hi!

I am wanting to create specific style changes to specific pages through my CSS - for example, on the About page, I want h3 to be 1.4em.

I am having difficulty locating the page id in the HTML. Can somewhere help me find this information in the code? What would I use to tell the CSS what specific page I would like to use?

Thanks!

ctgraham · September 12, 2016, 8:30pm

In OJS 2.4.x, each page should have an id attribute on the body element which would seem to be what you’re looking for:
body#pkp-about-aboutSite { }
or
body#pkp-about-aboutTheJournal { }

github.com

pkp/pkp-lib/blob/ojs-stable-2_4_8/templates/common/header.tpl#L123


								{rdelim});
							{rdelim});
						{rdelim}
				{rdelim}, 'json');
			{rdelim});
		</script>
	{/if}{* hasSystemNotifications *}

	{$additionalHeadData}
</head>
<body id="pkp-{$pageTitle|replace:'.':'-'}">
<div id="container">

<div id="header">
<div id="headerTitle">
<h1>
{if $displayPageHeaderLogo && is_array($displayPageHeaderLogo)}
	<img src="{$publicFilesDir}/{$displayPageHeaderLogo.uploadName|escape:"url"}" width="{$displayPageHeaderLogo.width|escape}" height="{$displayPageHeaderLogo.height|escape}" {if $displayPageHeaderLogoAltText != ''}alt="{$displayPageHeaderLogoAltText|escape}"{else}alt="{translate key="common.pageHeaderLogo.altText"}"{/if} />
{/if}
{if $displayPageHeaderTitle && is_array($displayPageHeaderTitle)}
	<img src="{$publicFilesDir}/{$displayPageHeaderTitle.uploadName|escape:"url"}" width="{$displayPageHeaderTitle.width|escape}" height="{$displayPageHeaderTitle.height|escape}" {if $displayPageHeaderTitleAltText != ''}alt="{$displayPageHeaderTitleAltText|escape}"{else}alt="{translate key="common.pageHeader.altText"}"{/if} />

jkyser · September 13, 2016, 12:12am

Thanks so much! This was exactly what I was needing!!!