H there,

I thought thatI would put all my HTML Editing questions all in one thread, rather than starting a new thread each time....as I think that there will be a few.

The first one is

How Can I change the colour of the underlining bar of the headings?

On the attached picture I would like to change the coulur of the line under "about us" heading.

Many thanks

The general answer is that you change the color specified in the CSS rule defining the line. This could e.g. be an <hr> tag or a bottom border.

If you want a more detailed, specific answer, you'll need to provide link to the page so we can see how the line is defined in markup and CSS. (The URL is not legible in your low-resolution screenshot)

Thanks Per,

I'll have a look at that.

The website is not up and running yet, so not on the web, as I am building it offline (due to the only time I have is on the commuter train each day).

I'll come back after the weekend with more info.

Cheers

Pk so here is the code

<section class="columns">
<div class="colimg">
<img src="images/picture_services.jpg" alt="" border="0">
</div>
<div class="colwide">
<h3><font color="#003B92">Contact Us</font></h3>
<br /><br />
<p>Fusce Curabitur accumsan elementum quam, et aliquam ante ultrices sit amet. In hac habitasse platea dictumst. Curabitur pulvinar turpis volutpat velit varius ornare. </p>
<ul>

This is part of the coffee cup Starbit responsive theme that I am editing. Currently the Contact Us Heading is dark blue with the underline being a light blue...I need to change the underline.

Many thanks in advance

If you want to edit the font color, you need to do that in the css, not in the html markup as you did above.

You'll find the styling for the <h3> tag on line 108 in default.css:



color: #3FA9F5; refers to the font color
border-bottom-color: #3FA9F5; refers to the line under the text

Let us know if you need more assistance

Cheers Pel,

The more I learn the more I find out I really dont have a clue.

Next question, where on the default CSS are the bullet points colour?

Cheers

Colin

Line #141 in default.css:

ul {
list-style: disc;
color: #3FA9F5;
font-size: 1.0em;
font-weight: normal;
line-height: 1.3em;
}

The color specification refers here to both bullets ("list-style: disc;") and text.

Learn about it here: http://www.w3schools.com/css/css_list.asp

The "W3School" is the standard reference and a great learning tool. Start here: http://www.w3schools.com/ and do some browsing to start with, and then use it as a look-up when you get stuck. It's ALL in there!