Professional Joomla templates and extensions club

permalink · 11-17-2008

Hello. I am using the Extreme Blogger Lite Template.

I wanted to add some additional colored blockquotes / Text Hightlights to the template.

So I copied the blockquote code already in customize.css

Code:

blockquote {
	color: #333;
	background: #E5E5E5 url(/templates/extreme_blogger_lite/images/icon-blockquote.jpg) 100% 10% no-repeat;
	font-size: 100%;
	line-height: 110%;
	width: auto;
	padding: 15px 50px 15px 15px;
	margin: 0;
	border: 1px solid #ccc;
	font-style: normal;
}

and modified it as such.... making it bluequote

Code:

bluequote {
	color: #333;
	background: #ECF2FE url(/templates/extreme_blogger_lite/images/icon-blockquote1.jpg) 100% 10% no-repeat;
	font-size: 100%;
	line-height: 110%;
	width: auto;
	padding: 15px 50px 15px 15px;
	margin: 0;
	border: 1px solid #7CB5FB;
	font-style: normal;

The problem is, that instead of wrpping everything, it appears as though the block wraps each sentance. See the picture below.

What am I doing wrong, or where do I have to add additional code for this to work?

Thanks.

permalink · 11-18-2008

notice this

[quuote]
blockquote {...}
[/quote]

and

[quuote]
bluequote {...
[/quote]

you just need to close your style :)

permalink · 11-19-2008

Greetings Waseem

I went back and checked my code.... And I did close my style. Any other ideas?
I\'ve noticed that the box doesn\'t fill the entire span like blockquote does, but instead expands as text is added to the bluequote. Does this help at all?

Code:

}
blockquote {
	color: #333;
	background: #E5E5E5 url(/templates/extreme_blogger_lite/images/icon-blockquote.jpg) 100% 10% no-repeat;
	font-size: 100%;
	line-height: 110%;
	width: auto;
	padding: 15px 50px 15px 15px;
	margin: 0;
	border: 1px solid #ccc;
	font-style: normal;
}
bluequote {
	color: #333;
	background: #ECF2FE url(/templates/extreme_blogger_lite/images/icon-blockquote1.jpg) 100% 10% no-repeat;
	font-size: 100%;
	line-height: 110%;
	width: auto;
	padding: 15px 50px 15px 15px;
	margin: 0;
	border: 1px solid #7CB5FB;
	font-style: normal;
}

permalink · 11-19-2008

change this

Code:

/*customize.css*/
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
	margin: 0.5em 0;
}

to

Code:

/*customize.css*/
h1,h2,h3,h4,h5,h6,p,blockquote, bluequote,form,label,ul,ol,dl,fieldset,address {
	margin: 0.5em 0;
}

have you tried adding a fixed width and height aswell ?

permalink · 11-21-2008

I already had added the class there as well.

I actually searched all css files for references to blockquote. The only place I found it was customize.css

Adding a fixed width is ok, but setting a fixed height kindof defeats the purpose of having a blockquote style. I could have quotes that are 2 sentences - or 2 paragraphs. I need the quote area to be adjustable in terms of height.

permalink · 11-22-2008

Hi, do you perhaps have a link to a page on your site with your custom blockquote added ?

11-17-2008	#1 (permalink)
pierre Guest [+] more user info Posts: n/a	Adding Additional Blockquote Styles Hello. I am using the Extreme Blogger Lite Template. I wanted to add some additional colored blockquotes / Text Hightlights to the template. So I copied the blockquote code already in customize.css Code: blockquote { color: #333; background: #E5E5E5 url(/templates/extreme_blogger_lite/images/icon-blockquote.jpg) 100% 10% no-repeat; font-size: 100%; line-height: 110%; width: auto; padding: 15px 50px 15px 15px; margin: 0; border: 1px solid #ccc; font-style: normal; } and modified it as such.... making it bluequote Code: bluequote { color: #333; background: #ECF2FE url(/templates/extreme_blogger_lite/images/icon-blockquote1.jpg) 100% 10% no-repeat; font-size: 100%; line-height: 110%; width: auto; padding: 15px 50px 15px 15px; margin: 0; border: 1px solid #7CB5FB; font-style: normal; The problem is, that instead of wrpping everything, it appears as though the block wraps each sentance. See the picture below. What am I doing wrong, or where do I have to add additional code for this to work? Thanks.

11-18-2008	#2 (permalink)
waseem Guest [+] more user info Posts: n/a	Re:Adding Additional Blockquote Styles notice this [quuote] blockquote {...} [/quote] and [quuote] bluequote {... [/quote] you just need to close your style :)

11-21-2008	#5 (permalink)
pierre Guest [+] more user info Posts: n/a	Re:Adding Additional Blockquote Styles I already had added the class there as well. I actually searched all css files for references to blockquote. The only place I found it was customize.css Adding a fixed width is ok, but setting a fixed height kindof defeats the purpose of having a blockquote style. I could have quotes that are 2 sentences - or 2 paragraphs. I need the quote area to be adjustable in terms of height.

11-22-2008	#6 (permalink)
waseem Guest [+] more user info Posts: n/a	Re:Adding Additional Blockquote Styles Hi, do you perhaps have a link to a page on your site with your custom blockquote added ?

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Professional Joomla templates and extensions club

Free and commercial templates for your Joomla website

Notices

Similar Threads

This is a Advertisement. Sign up to have these ads removed.
Freelance jobs on GetAFreelancer.com Find more freelance jobs

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Adding font to facelift?	RaceJunkie	Snappa	3	11-25-2008 05:06 PM
Module styles not working with \"intelli\" positions	Magnascan	Zappa	2	11-09-2008 09:46 PM
Fonts/styles don\'t match the demo we purchased	Justin	Origin	2	03-19-2008 03:36 PM
Submenu not adding?!?!?!	Justin	Origin	1	03-13-2008 05:24 PM
Adding a right column	sejtraav	Serenity	11	01-14-2008 03:14 PM