Classes for basic CSS styling

  • Gary Ritzenthaler

    (@gritz99)


    6 years ago

    Hi –

    Apologies if this is a newb-ish question, but I would like to do some basic styling in CSS of the entries in a basic bibliography ex. [zotpress user=”123456″] after they appear in WordPress. (For example, make an author’s name bold.) Is it possible / relatively pain-free to style some of the Zotpress classes in the WordPress Customizer? If so, is there a list of the most important CSS classes to style?

    I tried looking at the CSS file but couldn’t get any of the classes there to do what I wanted.

    Any suggestions?
    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mark

    (@codeispoetry)

    6 years ago

    Yes, this is fairly easy, and Zotpress makes available many different CSS classes. You can view the HTML source to see what’s available.

    First there are the main CSL classes csl-bib-body (the bibliography as a whole) and csl-entry (individual entries). Corresponding to entries we have the Zotpress classes zp-Entry and (if you have downloads enabled) zp-DownloadURL. In addition, Zotpress makes available a lot of metadata that can be used for styling using CSS attribute/value selectors: data-zp-author-date, data-zp-year, zp-type, etc. This means you could even style entries by year, author, or type.

    Some aspects of the styles are hardcoded depending on the CSL style you have selected. For instance, when using APA, the journal title appears between <i> tags. Even then you could style that using CSS child selectors.

    Thread Starter Gary Ritzenthaler

    (@gritz99)

    6 years ago

    @codeispoetry,thank you for the helpful answer. Are the various classes documented somewhere? I can look at the HTML source, I just wanted to make sure I wasn’t missing some documentation that had them all listed out.

    Thanks again.

    Mark

    (@codeispoetry)

    6 years ago

    I don’t think it’s documented in the (otherwise excellent) ZotPress documentation.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Classes for basic CSS styling’ is closed to new replies.

Tags

  • 3 replies
  • 2 participants
  • Last reply from: Mark
  • Last activity: 6 years ago
  • Status: not a support question