Support » Plugin: Quotes Collection » Format Fonts of the Quotes

  • l30n4rd0

    (@l30n4rd0)


    Hello, I’m trying to use this plugin to show a random quote in my homepage (not sidebar) using a shortcode.

    How can I change the font and font size?

    Is there any Custom CSS for that?

    Thank you

    • This topic was modified 3 months ago by l30n4rd0.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • There isn’t a way to edit the CSS from the plugin settings in WordPress. However, you can find all the shortcode CSS styles in the plugin file “quotes-collection.css” located in the folder at: wp-content > plugins > quotes-collection > css

    So, you could either modify that file directly, or use a child theme to edit the styles.

    Puting your CCS in the child theme will work fine, but you will need to remember to port it if you ever change themes.

    I prefer to put it in “Dashboard/Appearance/Additional CSS”, but if you never change themes it’s a moot point.

    I’d add something like:

    #w_quotescollection_3 { font-family: Arial; font-size: 14.5px }

    Then press the “publish” button.

    Before deciding which unit to specify (“px” in my example), I recommend reading:

    https://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs
    which explains the alternatives including their relative strengths and weaknesses.

    An excerpt: “One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.”

    There are other useful CCS tricks to change the appearance. For instance, a border and a background image for the quotes. See KillerNoms.com for an example.

    Good luck!

    Hello,

    I just change the size or the font (I modify the file quotes-collection.css directly), it works perfectly.

    Thank you Srini for the so nice Quotes Collection !

    Renaud

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.