Parts of custom CSS ignored

  • Most of my “custom.css” works fine with my posts. What is ignored is a modified blockquote. It has a shaded background with border and is called “bquote.” It is defined in CSS as:

    .bquote {
	padding: 12px;
	color: #000000;
	background-color: #F2F2F2;
	border: thin solid #666;
	font-size: .9em; text-align: justify
}

    However it will work if I use it in the post as an inline style:

    <div style="padding: 12px; color: #000000; background-color: #F2F2F2; border: thin solid #666; font-size: .9em; text-align: justify">

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

  • CSS means Cascading Style Sheet, and you are experiencing the cascade.

    That means that in case of multiple CSS assignements to a page element, the most specific one wins. If it is a tie, the last one assigned in the style sheet wins. Inline styles always “win” against anything in the stylesheet, which is why that is working for you.

    What it means is something more specific than a top level assignment (which is what
    .bquote {
    is)
    is assigning CSS to the blockquote

    something like post.blockquote for example

    search your stylesheet for “blockquote” and see what is making assignments to it.
    if you find post.blockquote, for example, you can try adding your custom CSS right into that CSS section. Make a copy of what was there before “just in case”.

    Thread Starter sandra-08

    (@sandra-08)

    I have already done that and also used myquote and testquote instead of bquote. I am a blog and forum skinner, so I understand CSS and the hierarchy of assignment very well.

    I have also defined bquote a:link a:hover a:visited etc with color different than the post links because of the background change. The bquote link colors work.

    Regards, Sandi

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Parts of custom CSS ignored’ is closed to new replies.