Blockquote changes?

  • I just discovered the b-quote when writing posts. Much easier than typing out the codes! BUT, I am having trouble customizing it to how I want it to look. I found where I can change the blockquotes in my style.css and custom.css. It currently looks like:

    .entry blockquote { padding: 14px 20px; color: #fff; font-style: normal; background-color: #EEEEFF; font-size: 14px; }
    .entry blockquote p { }

    I changed the background color to the EEEEFF but it isn’t updating it. Is there anything else I can do to make the changes stick?

    Thanks!

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

  • Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    Thread Starter crazyforsavings

    (@crazyforsavings)

    oh sorry, it’s https://www.crazyforsavings.com

    Could we have a link to a page or post that includes a blockquote?

    Thread Starter crazyforsavings

    (@crazyforsavings)

    I’m sorry it’s taken me so long to respond. Here is a page where I have a blockquote set up.

    https://www.crazyforsavings.com/about/my-savings/

    Here is what my current blockquote looks like set up in custom.css:

    .entry blockquote { margin: 20px 20px 20px 20px; padding: 20px 20px 20px 20px; color: #000000; font-style: normal; background-color: #EEEEEFF; font-size: 14px; }
    .entry blockquote p { }

    I would like for the whole thing to be indented a little bit on the left & right so it’s not stretch out with the other main text. Also, if I could have a dotted line border around it that would be great.

    Hi crazyforsavings

    No clue if this is still actual. (your last responce here is 6 mnth ago, anyway..who knows it is still helping)

    .entry blockquote {
max-width: 450px; /*Tells class this max size */
margin: 20px; /*If all are same, once 20px is enough , else change it*/
padding: 10px;  /*Distance text to border, as above once */
background-color: #EEEEFF; /*Max 6/Six characters/numbers ! */
font-style: normal 14px; /*Weight and size font */
color:  #FF0000; /*Font color  */
word-wrap: break-word; /*Long words will break,wrapped to next line */
border: 2px dotted #123456;/*Thickness(px) dotted and color (#) */
}

    It’s just an example, play with pixels/colors to get your result.
    Look here for great CSS codes: https://www.w3schools.com/css/default.asp

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Blockquote changes?’ is closed to new replies.