I am trying to change the default theme

Describe the issue or problem
I am trying to remove the space between ‘Full Issue’ and ‘Articles’ in the default theme. Please see the attached file.

Where should I edit the CSS file.

Hi @Binoy_Chacko,

The easiest approach is to place your mouse cursor over the item you wish to make modifications, click on the right button and pick “inspect” (on Firefox); you’ll see the CSS and will be able to make changes on the fly; once you’re satisfied, copy the CSS code you’ve changed and place it in a custom stylesheet or within <style>...</style> tags in custom header plugin.

Best regards,
Josh

Thanks, I made the changes. Saved it with .css extension. Where can I find the custom header plugin? I am using the Bootstrap theme.

Hi @Binoy_Chacko,

Custom Header Plugin comes installed by default, you can find it under “website > plugins”; activate it, click on the arrow to expand it and on “settings”; you will only need the code you saved in the .css file, not the file itself.

After clicking on settings, paste your code in the “header content” box, like the below example:

<style>
.css_code { 
xxxxxxx;
xxxxxx;
xxxxxxx;
...
}
</style>

Best regards,
Josh

Thanks for your prompt response. I will check this out.

Thanks Josh. I enabled


but unable to locate “header content” where can I find this? Apologies if this is a lame question.

Hi @Binoy_Chacko,

You’re using the wrong plugin, it’s “Custom Header Plugin”, you need to enable it under “Plugins” tab, then click the arrow to expand it, there you’ll find “Settings”. Check the screenshot I posted in my last answer.

Best regards,
Josh

Hi @Binoy_Chacko

If you don’t found in the Installed Plugins, you can also check it in the Plugin Gallery

image

Then search and install the Custom Header Plugin:

image

Regards
Almadani