How to use css style on books and paper

Hi @wuksage !

Right now there are two ways to style your publication lists with css:
1. You can go to plugin settings page and then find custom characteristic section. There you can enter the name of characteristic and its style. After that, save this settings and go to “manage works” page, open the specific publication and enable it.
However, if you need to style every list item, it will require you to open every publication and enable the characteristic.
2. You can go to WordPress appearance page, then choose “Customize” option. It will open the window where you can personalize your site. Navigate to “Additional CSS” section. There you can enter the CSS for list elements. Although in this case it applies the style changes to the whole site, and it may change something you don’t want to.

If it won’t resolve your issue, I’ll try to come up with something more convenient in the future updates.

Say you want to have a list with blue background.
1. You can add a custom characteristic named “blue” with the value “background-color:blue;”.
Then you have to apply this style to every publication you need: go to “Manage Works” plugin page, click “Modify” and check the box near “blue” field.
2. If you go to appearance -> customize page, and select “Additional CSS”, there will be empty (by default) field where you can enter any css code. To change the style of every list element you can enter this:

li{
background-color:blue;
}

3. Also, if I recall correctly, you can manually add style attribute to <div> tag. To do so, go to plugin settings page and change the publication list field to look like this:
<div style="background-color:blue;"><i>[authors]</i> <b>[title]</b> ([year]){{<a href="[url]">URL</a>}}</div>

Hope this will help! If not, I’ll try to provide better instructions.

I’ve added support for some new attributes in the newest update. Can you update and try styling your link the following way?
<a href="https://linktosomething.com" style="color:white;background-color:blue;">Some text</a>

If this won’t help either I’ll look for other solutions.