BlogHarbor Home Page
FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  UsergroupsRSS   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
Color code #
 
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Beginner's Lounge
View previous topic :: View next topic  
Author Message
kerry
Guest





PostPosted: Sun Jul 23, 2006 10:58 pm    Post subject: Color code # Reply with quote

Hi there,

Can you tell me what the hex code # is for the color that is located on the bottom line, 4th from left, in the Post Article options of the text editor?

Thanks
Back to top
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Mon Jul 24, 2006 9:00 am    Post subject: Re: Color code # Reply with quote

One way to find out the color code for a color in the color picker in the Rich Text Editor would be to highlight some text, choose the color in question, then switch to Source Mode to see what the code is.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
kerry
Guest





PostPosted: Mon Jul 24, 2006 6:19 pm    Post subject: Change color of component head title & folder.gif Reply with quote

Hi John,

Many thanks for the tip. The color is #663333, and I have now used it to change the color of my Article titles via the CSS style sheet.

I now want to change the color of my component Head titles - e.g. Recent Photos, Recent Articles etc, but can't decide which area of the CSS this involves (a search of the Forums shows plenty of questions on background colors of components but not the titles).

This further request may or may not be related (I'm sure you'll tell me!), but - what about changing the Main Page component head color?

Here is the code for my Main Page component and its first sub-category(from my browser's View> Source):

<div>
<div>Main Page</div>
<div>

<div>

<img>&nbsp;NEWS
</div>

I not only want to change the color of "Main Page", I want to replace the /_images/folder.gif with my own icons for folder.gif (I don't like the yellow, in a nutshell, and want to homogenise the colors to greys, taupes, salmon pinks, puce etc).

Any chance of making these TWO (semi-related!?!) changes?
Back to top
kerry
Guest





PostPosted: Mon Jul 24, 2006 6:25 pm    Post subject: Forum software gobbled the code Reply with quote

Addenda: sorry, the code for the second question on folder.gif has disappeared!

It was - (minus some code) -

img src="/_images/folder.gif">&nbsp;<a style="text-decoration:none" href="http etc etc

- and what is "text-decoration" exactly?

Much appreciated
Back to top
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Mon Jul 24, 2006 7:13 pm    Post subject: Re: Change color of component head title & folder.gif Reply with quote

I now want to change the color of my component Head titles - e.g. Recent Photos, Recent Articles etc

You can change the color of the component heads using code like the following in as custom css in your style template:

Code:
#leftcol .componentHead, #rightcol .componentHead {
    color: #5C5FA0;
}


This further request may or may not be related (I'm sure you'll tell me!), but - what about changing the Main Page component head color?

I think what you are referring to is the Category Tree component. Since the title of the Category Tree component is a link, you would need to modify the CSS for Anchors as follows:

Code:
#leftcol .componentHead a, #rightcol .componentHead a {
    color: #778899;
}


I not only want to change the color of "Main Page", I want to replace the /_images/folder.gif with my own icons for folder.gif

Unfortunately that is not possible at this time.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Mon Jul 24, 2006 7:15 pm    Post subject: Re: Forum software gobbled the code Reply with quote

Addenda: sorry, the code for the second question on folder.gif has disappeared!

There's a bug in this version of the phpBB forum software we're using, if you need to enter CODE then make sure to check the Disable HTML button before you submit your post. Unfortunately we did not write this forum software so we're stuck with this issue until the group releases a new version.

and what is "text-decoration" exactly

That is explained here.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
kerry
Guest





PostPosted: Thu Jul 27, 2006 7:45 pm    Post subject: Color code # and html for article date Reply with quote

Hello John,

So far so good!

TWO QUESTIONS:

A) I am now looking for the particular piece of code on the CSS sheet (mine is Whiteout) for the Day and Date which appears at the top of an Article entry - eg. Thursday, July 27. It is also the same color as as COMMENTS which appears below the bar in the permalink for an article.

These two elements have not changed color despite the fact that I have changed color codes for Article Title, left and right component Head, and category breadcrumbs. I wish to change its present color (too light a grey) to #333333 (dark grey) or #663333 (terracotta?)

B) Does it matter in which order the new customisations are pasted to the CSS customised sheet?

Many thanks
Back to top
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Thu Jul 27, 2006 7:54 pm    Post subject: Re: Color code # and html for article date Reply with quote

I am now looking for the particular piece of code on the CSS sheet (mine is Whiteout) for the Day and Date which appears at the top of an Article entry - eg. Thursday, July 27.

I believe you are referring to the postDate class...

Did you know that on Firefox you can select some text and right click for a menu and one of your options will be View Selection Source? Look to see what the DIV is that contains that text and that's likely the CSS class you want to change.

Does it matter in which order the new customisations are pasted to the CSS customised sheet?

No, it does not.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
kerry
Guest





PostPosted: Wed Aug 02, 2006 4:18 am    Post subject: Change font size & color of subsubcategory ? Reply with quote

Hello John,

Thank you for the tips on changing the color for the Article title CSS style sheet of the Main Page category. My ......com/blog template style is Whiteout.

However, I have created ONE new subcategory using Blogware as template style - the subcategory is called .........com/blog/PORTFOLIO and it has two sub subcategories - one for articles .......com/blog/PORTFOLIO/Articles, and one for photos .......com.blog/PORTFOLIO/Images.

I want to reduce the size of the title underneath the images at their permalink in this Blogware category, and change the color of the title as well. The title size is HUGE - 18px I think.

Going to the CSS style sheet for this category and trying to change the font size (or color) here -

.articleTitle {
font-size: 18px;
clear: both;

has made no difference.

Where exactly within this Blogware category

.......com/blog/PORTFOLIO/Images

do I make the changes (to 14 px for example...)?

Many thanks
Back to top
john
Site Admin


Joined: 16 Mar 2004
Posts: 3434

PostPosted: Wed Aug 02, 2006 9:34 am    Post subject: Re: Change font size & color of subsubcategory ? Reply with quote

It is possible to implement category specific templates. This would allow you to alter the style template in the PORTFOLIO category and make it different from the rest of the blog.
  • Go to the Look & Feel tab in the Admin control panel, then click Templates in the subtab row.
  • You will see a list of categories on the left, you will notice that "Main Page" is highlighted in blue. Click on the category you want to alter - PORTFOLIO, and you will then be editing the templates for that category.
  • If you want to customize the Style template for that category, click on the Edit link in the style row, scroll down on the following page and click Customize. Now add your custom CSS classes for this category.

Hope this helps.
Back to top
View user's profile Send private message Send e-mail Visit poster's website
kerry
Guest





PostPosted: Wed Aug 02, 2006 7:01 pm    Post subject: Reply with quote

Hello John,

This did the trick in the CSS sheet for my Main Page>PORTFOLIO template and subcategory templates:

.sectionHead1 {
font-size: 12px;
background-color: transparent;
margin-bottom: 16px;
}


.articleTitle {
font-size: 12px;
font-weight: bold;
margin: 0 0 14px 0;
background-color: transparent;
padding: 0;
color: #484848;
white-space: nowrap;
text-transform: uppercase;
clear: both;
}

Many thanks
Back to top
Search all BlogHarbor support resources.
View previous topic :: View next topic  
Display posts from previous:   
Post new topic   Reply to topic    BlogHarbor Community Forum Index -> Beginner's Lounge All times are GMT - 5 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum