Blockquote font-family change

  • Resolved Dav

    (@dalaboy77)


    6 years, 5 months ago

    Friends, I’m trying to change the blockquote font-family, but it’s not working. I used this code in the built in CSS editor:

    blockquote { 
	  font-family: Lobster, cursive !important;
	  font-weight: 400 !important;
	  font-style: normal !important;
	  font-size: 16px;
          margin-left: 40px;
	  margin: 0.8em;
	  margin-right: 10px;
          padding: 1.5em 40px;
          line-height: 1.45;
          position: relative;
          color: #2a3132;
          background:#f1f1f2;
}

    I have an impression that the style.css and style-rtl.css are overriding my code. Can this be somehow fixed or is it a problem with the google font? I tried using a few other fonts too, but still no change …

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author PressMaximum

    (@pressmaximum)

    Hi @dalaboy77,

    By default, you can’t use a font if that font does not output in the source page.
    For example, you want to use the Lobster font, but this font does not available so it does not work if you apply.

    So you should add this to Customize => Additional CSS or child theme stylesheet. Don’t add in main theme style.css.

    @import url('https://fonts.googleapis.com/css?family=Lobster');
blockquote, blockquote p { 
	  font-family: 'Lobster', cursive;
	  font-weight: 400 !important;
	  font-style: normal !important;
	  font-size: 16px;
          margin-left: 40px;
	  margin: 0.8em;
	  margin-right: 10px;
          padding: 1.5em 40px;
          line-height: 1.45;
          position: relative;
          color: #2a3132;
          background:#f1f1f2;
}

    Let me know!

    • This reply was modified 6 years, 5 months ago by PressMaximum.
    • This reply was modified 6 years, 5 months ago by PressMaximum.
    Thread Starter Dav

    (@dalaboy77)

    Worked smoothly! Million thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blockquote font-family change’ is closed to new replies.