- This topic has 6 replies, 2 voices, and was last updated 10 years, 1 month ago by
.
-
Posts
-
Hey guys,
I wanted to change the appearance of the original blockquote. So that's what I did, following this link:
- http://www.studiopress.com/design/how-to-use-block-quotes.htm
(THIS IS THE ONE I WANT TO USE, but it refuses to work. It just turns out as if i put the thing blank)
blockquote {
background:
url(images/bg-quote3a.png) top center no-repeat,
url(images/bg-quote3b.png) bottom center no-repeat;
color: #a5a4a4;
font-style: italic;
margin: 30px;
padding: 30px;
text-align: center;
}
But the thing is that I can't seem to get it to work. The CSS will not load the two picture files that are required, despite me having downloaded them and uploaded these pictures via FTP into my content/theme/images.
I find this to be very odd because the original blockquote image that comes with the theme loads perfectly.
(I am using a variation of this one right now, with a colored border)
blockquote {
border-left: 4px solid #ccc;
color: #a5a4a4;
font-style: italic;
margin: 30px 0 30px 15px;
padding-left: 15px;
}Does anyone know why it does not work, or has anyone had a similar problem and fixed it somehow?
Ludvig,
Do you happen to have the site live so we can take a look with our css debuggers?
I thought I put that it...
NVM. Here it is, sorry about that:
- http://www.startgainingmomentum.com/
I'll switch from my "orange border" quote - which works - into the incorrect one to see if you can find out what is wrong.
Thanks!
Hm.. That's weird.
It WORKS now... I wonder why it didn't work before. I am doing nothing new.
However, I have a new question. I would like to know if it is possible to make the bottom of the quote BOX become smaller, I feel it is disproportionally large. I would like it to end right after - like this:
top line
"...............................xyz.......
...................."- Jack McDonald
bottom line immediately ending after the nameRight now there is a gap under the name, and that is what i would like to remove or diminish.
Ludvig,
I reduced the bottom padding of the blockquote box. It reduces the large margin after the name;
https://www.diigo.com/item/image/40chg/2950
and the css I adjusted;
blockquote { border-left: 2px solid #E3702E; border-right: 2px solid #E3702E; background: url(images/bg-quote3a.png) top center no-repeat, url(images/bg-quote3b.png) bottom center no-repeat; color: #555; font-style: italic; text-shadow: 1px 1px #fff; margin: 30px; padding: 30px 30px 0px 50px; /* changed bottom padding to 0px */ }I hope this helps.
- The topic ‘Trouble changing the blockquote/quote’ is closed to new replies.