Hello Peter,
You can adjust the font size of specific elements using custom CSS. In your case, to reduce the size of the text for "Leefbaarheidsplan Heijen 2023-2029", you'll need to know the specific CSS selector for this text. If you're not sure, you can use the browser's inspect tool to determine the selector.
Once you have the CSS selector (.page-header h2 for Leefbaarheidsplan Heijen 2023-202) , you can use the following steps to add custom CSS:
Go to your Gantry 5 Administrator.
Navigate to the "Base Outline".
Go to the "Page Settings" tab.
Find the "Custom CSS/JS" atom at the bottom and select it.
In the "CSS" box, add your custom CSS. It should look something like this:
css
Copy code
.page-header h2 {
font-size: 14px; /* Adjust this value to the font size you want */
}
Click "Apply and Save".
Please note that these changes will apply to the entire website. If you want to limit these changes to specific pages only, you should use the corresponding outline for those pages instead of the "Base Outline".
If you're still having trouble, could you please provide more specific details about which text you want to adjust? A screenshot would be helpful.
Best,
Karol