BlogEngine.NET

Hi,

Setting up a new blog, some of a theme's text is faint and difficult to read, especially on a bright screen. An especially problematic text color is for the "Save comment" button at the bottom of a add-comment page: so faint it is difficult to notice all together.
(see http://www.elearningprojects.com/blogs/post/2008/12/13/Saturday-AM-Post.aspx#comment)

I have been searching, using an HTML editor, for the script that controls the font color, without success. I've located a number of font color codes, tried changing these, with no success: these must not be the right codes to change.

I would appreciate any suggestions, leads about which script on which stylesheet or other file governs a theme's or overall blog's text font color.

Thanks.

Kind Regards,

saratogacoach

Hi Ben,

Thanks for your reply.

I found the button in the CommentView.ascx page in User Controls (<input type="button" id="btnSaveAjax" value="<%=Resources.labels.saveComment %>" onclick="if(Page_ClientValidate('AddComment')){AddComment()}" tabindex="7" />) and add the following:

style="color: #666666; font-weight: bold; font-size: 10pt; border: 1px solid #666666". The end result was <input type="button" id="btnSaveAjax" value="<%=Resources.labels.saveComment %>" onclick="if(Page_ClientValidate('AddComment')){AddComment()}" tabindex="7" style="color: #666666; font-weight: bold; font-size: 10pt; border: 1px solid #666666" /> .

This increased the button text's font size, made it bold, changed its color and drew a border around the button, which can be seen at http://www.elearningprojects.com/blogs/post/2008/12/12/Friday-Test-Post.aspx#comment.

Being a newbie at this, my hope is that this way of making the change will not adversely affect the rest of the scripts and cause other problems on the blog.

I can see that one consequence of making the change in User Controls, rather than in the specific Theme's script, is that any new theme chosen will now have this changed "Save button".

As you point out regarding making changes in the Theme's background, that way of making the change can also affect other items. Maybe there is a way to change the Theme's script without adversely affecting other items, other themes.

Please let me know if there is a better way to make the needed changes.

Kind Regards,

saratogacoach

Hi Ben,

Thanks, again.

I made the changes to the CSS file instead: I changed the Font color and border color to #000000 (black). This made the "Save comment" button more visible and yet preserved consistency for other buttons.

A better option...

Kind Regards,

saratogacoach

I guess you're viewing your blog in IE (Internet Explorer)?  I use Firefox, so didn't see the border around the checkbox.  The border around the "Include Comments in Search" checkbox, "Notify me when new comments are added" checkbox, and "Remember me next time" checkbox don't look very good, IMHO.  You can remove the border for this checkboxes in your CSS file by putting the following block of code in there (it may need to be put into the file after the part where you are adding a border to the "input" elements).

input#searchcomments,
input#cbNotify,
input#ctl00_cphBody_Login1_RememberMe
{
  border: none;
}

Incidentally, it would probably be very difficult to have some sort of guide showing where and how to make changes to different elements on a blog.  Each theme is a little different, and everyone seems to have different parts of their blog they want to modify in their own unique way.

 

 

thanks for sharing this information guys.Its helpful.

regards,

sam - Tax relief

I am beginner and i fell this is very useful information you have given me.

 

regards,

dave - Los Angeles DUI Lawyer

Your tutorial has been excellent and i advise people to have look at it.It provides required information.

 

regards,

Akhil  - Florida Real Estate