setting CSS background-color for blogtext class -

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
3/23/2012 12:19:21 PM
Gravatar
Total Posts 27

setting CSS background-color for blogtext class -

need to change the background color in the <div class="blogtext"> to #ffffcc from the default #FFF. However, even when I insert .blogtext{background-color: #ffffcc !important;} in the styleblog.css -- nothing happens.  

My newbie interpretation of Firebug is that following styling is forcing the blog text background to be white. However, I cannot find the CSS file that produces this styling.

color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none;

How can I override the above setting that sets the background color for <div class="blogtext">from White to  #ffffcc?

3/23/2012 12:24:58 PM
Gravatar
Total Posts 27

Re: setting CSS background-color for blogtext class -

My current guess is that this is a jquery css setting.  Would one tactic is to override it via a  jquery js function in the layout.master file?

3/23/2012 12:25:03 PM
Gravatar
Total Posts 24

Re: setting CSS background-color for blogtext class -

Try to renew a cache, that might help. If not.. is there a link to the web site?

3/23/2012 12:25:33 PM
Gravatar
Total Posts 27

Re: setting CSS background-color for blogtext class -

http://athletics.yccd.edu/coachs-blog.aspx

thanks!

3/23/2012 12:33:54 PM
Gravatar
Total Posts 18439

Re: setting CSS background-color for blogtext class -

Hi,

When I view the source of your page I can see that there is hard coded styling in the markup of the post content. This probably happened by copy/pasting some html without using the paste as text tool bar item in the editor, the editor tried to copy the styles of the pasted html.

Only way to fix it is to edit the posts and remove the junky markup

Junk added by copy pasting html instead of just plain text:

<span style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); display: inline !important; float: none; ">

The actual text:

The Yuba College men's basketball team has beaten state power Antelope Valley College 79-69 to advance to the schools first ever state championship. The win gives Yuba College a 22 game win streak and takes the 49'ers overall record to 33-3. The 49'ers will face Fresno City in the state championship game at Consumes River College on Sunday at 330pm. Yuba's last loss was to the same Fresno City team on December 9th by 5 points.

More junk from copy/paste:

<span class="Apple-converted-space">&nbsp;</span></span><br style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); " />
<strong style="color: rgb(0, 0, 0); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); ">

Actual text content:

Congrats to the Yuba 49'ers!!!!!!!

</strong>

</p>

ie copy it then paste over it again using the paste as text toolbar button or else go into html view in the editor and remove the junky markup.

Hope that helps,

Joe

3/23/2012 12:57:01 PM
Gravatar
Total Posts 27

Re: setting CSS background-color for blogtext class -

Joe - you are awesome!  For some reason, I never thought of embedded inline styling from cut and pasting. The good news is now I am familiar with all the css files! 

In gratitude...

You must sign in to post in the forums. This thread is closed to new posts.