changing second quote color

how would i change the second quote color, right now its white, id like it a little lighter grey than the other box or even transparent.

Hello,

Go to: Administration Panel > Display > Colors (under 'Pictures and Colors' in left column) > Click on the 'CSS Stylesheet' tab.

To change the properties for the quote blocks, find the following codes:

First Block (also contains the universal quote block properties):

Code:

blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #1a1a1a url("http://i261.photobucket.com/albums/quote-1.png") 6px 8px no-repeat;
border: 1px solid #DBDBCE;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
overflow: hidden;
}

Second Block:

Code:

blockquote blockquote {
background-color: #232323;
font-size: 1em;
margin: 0.5em 1px 0pt 15px;
}

Third Block:

Code:

blockquote blockquote blockquote {
 background-color: #1a1a1a;
 }

Be very careful when you're editing the CSS Stylesheet. It's recommended that you copy and paste the entire code in a word program prior to changing anything.

so since the first one is set how i want it, and the other is white, id just add the second block css

edit: i used the second one and it works just fine, thanks and it also keeps the colors the same on every quote after too.


another quick question, how would i change the little " that appears before the messages in the quotes, the white looks all choppy and isnt really why, id rather use the green color.

To change the quote image, just find one that you like and upload it to your Servimg.com account (or any file host). Once you've done that, replace the current image URL (located within your first quote block code) with your new image URL.

Example:

Find:
background: #1a1a1a url("https://2img.net/h/i261.photobucket.com/albums/quote-1.png")

Change to:
background: #1a1a1a url("https://i.servimg.com/quote-2.png")

*quotation marks must always be on each end of an image URL.

If you're having trouble finding a suitable image, try this one:

https://2img.net/h/i261.photobucket.com/albums/ii41/EXILE003/Website/quote-1.png

If you like it, download it and upload it to your own file hosting account because it might not be on mine forever (make sure that you change the image URL in your CSS as well).

To login to your Servimg.com account, just enter the email and the password that you used to create your forum.

i already changed the background color, im just wanting to change the little " image that appears when u do a quote, . is that the code above cuz it didnt work.

Everything that I've explained consists of examples. The three sets of quote block code in my original post were only meant to help you find the similar code in your CSS Stylesheet.

To add a different quote image, all you need to do is find the first set of quote block code in your CSS again. It should look similar, probably not exactly, to the "First Block" code that was posted in my original post. It will be the only set of quote block code that contains an image URL; have a look at my "First Block" code again to see what I'm talking about.

Once you find it in your CSS, only change the URL (example: "https://2img.net/h/i261.photobucket.com/albums/quote-1.png"), and make sure that you don't remove the quotation marks on each end of the URL.

I provided a new image URL for you in my previous post, here it is:

https://2img.net/h/i261.photobucket.com/albums/ii41/EXILE003/Website/quote-1.png

If you want to keep that image, make sure that you read my previous post again so that you know what to do in case I decide to delete this image from my file host account.

If you still can't get this to work, post your entire CSS.

i found it, and added that in, but its just nothing there now, lol

edit, nvm i got it workingnow, guess it was just slow to change it.

I'm glad that it worked out for you.