Changing color on vertical bar of blockquote

  • [ Moderator note: moved to Fixing WordPress. Please do not use Developing With WordPress for these topics. ]

    Hey there. I am building a website using the Grow theme. On one of my pages, I have a blockquote with a yellow vertical line. I would like to change the color of that line (to red) to match the rest of my design. How would I go about doing this? I have looked at other forums and have seen some code, but I’m very new at this and don’t know where to insert it. Any suggestions? Thank you in advance!

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

  • follow these steps
    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

    Thread Starter driftless2286

    (@driftless2286)

    Thanks for the response. However, I am not seeing the Custom CSS section under my “Appearance” section in Word Press. Perhaps its not an option with this theme?

    Hi driftless2286

    Go to dashboard/appearance/editor and find this css
    blockquote, q {
    position: relative;
    display: block;
    font-style: italic;
    border-left: 3px solid #DDAF4D;
    padding: 0px 25px 0px 15px;
    margin: 0 0 20px 15px;
    }
    There is the color code #DDAF4D; You can change color code into #FF0000 But the problem is you cant save that css permanently. You have to find this css in your wordpress theme there you have download wordpress. Go in your file for example.

    Go in your wordpress folder/WP-content/theme/grow and find style.css file open it find this section.
    blockquote, q {
    position: relative;
    display: block;
    font-style: italic;
    border-left: 3px solid #DDAF4D;
    padding: 0px 25px 0px 15px;
    margin: 0 0 20px 15px;
    }
    and change color code #DDAF4D into #FF0000
    I hope it will solve your problem.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing color on vertical bar of blockquote’ is closed to new replies.