Any advice on changing the color of the header in the "dark two column nav right" layout?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="generator" content="Responsive Site Designer 1.5.1419">
<title>Goal 2</title>
<link rel="stylesheet" href="css/coffeegrinder.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script src="js/picturefill.min.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="row full-width-row header">
<header class="coffee-span-12">
<div class="container header-container">
<h1 class="page-heading"><font color="#FFFF00">Steve Picklesimer for <br>Superintendent of Schools Highlands County</font></h1>
<p class="paragraph tagline"><font color="#FFFF00"><font size="4">The business of public education is growing people.</font></font><br></p>
</div>
</header>
</div>
change header color - Post ID 264662
Steve Picklesimer
Registered User
2 posts
Steve
Senior Advisor
3,087 posts
Hi Stevep,
Instead of posting the code please provide a link to your website explaining what you would like to change. It's often easier to help you troubleshoot this way.
Thanks
Instead of posting the code please provide a link to your website explaining what you would like to change. It's often easier to help you troubleshoot this way.
Thanks
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Wayan Jaya
Registered User
4,805 posts
Online Now
delete <font color="#FFFF00> from the code (don't forget to delete the closing tag </font> from the end and use css to apply the color and style you desire.
delete <font colour="#FFF00><font size="4"> (don't forget to delete the closing tags </font.</font>) from the code and use css as above to apply the style you desire.
This type of mark up for styling is no longer valid, and will show up as such on any validation check.
You could of course go back to the RSD project and change the colours and styles from the text editor then just re-load the css-main file back into your HTML Editor, as long as you don't change anything else (like add other breakpoints or change class/id names etc it will keep the other styling as is.
delete <font colour="#FFF00><font size="4"> (don't forget to delete the closing tags </font.</font>) from the code and use css as above to apply the style you desire.
This type of mark up for styling is no longer valid, and will show up as such on any validation check.
You could of course go back to the RSD project and change the colours and styles from the text editor then just re-load the css-main file back into your HTML Editor, as long as you don't change anything else (like add other breakpoints or change class/id names etc it will keep the other styling as is.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Steve Picklesimer
Registered User
2 posts
Steve,
stevepicklesimer.com
I want to change the color of the header at the top of the page. Currently "black" to a different color.
Thanks
stevepicklesimer.com
I want to change the color of the header at the top of the page. Currently "black" to a different color.
Thanks
paintbrush
Ambassador
3,816 posts
If you want to do this in a text editor, rather than going back to RSD...
Main CSS, row 110:
body > .row.full-width-row.header {
background-color: #2d2d2d; <<<< change this color
border-bottom: 3px solid #a0a0a0; <<< this too, if you want
Then, as Wayanjaya advised, get rid of the inline styles ( <font> ) for your <h1>. Set those on the <h1> tag in the Main CSS, lines 1–6:
h1.page-heading {
color: #ffffff;
font-size: 32px;
font-weight: 700;
margin-bottom: 0px;
}
Main CSS, row 110:
body > .row.full-width-row.header {
background-color: #2d2d2d; <<<< change this color
border-bottom: 3px solid #a0a0a0; <<< this too, if you want
Then, as Wayanjaya advised, get rid of the inline styles ( <font> ) for your <h1>. Set those on the <h1> tag in the Main CSS, lines 1–6:
h1.page-heading {
color: #ffffff;
font-size: 32px;
font-weight: 700;
margin-bottom: 0px;
}
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
LOUIS VAIANI-HUSAR
Registered User
2 posts
Hi , I am using the HTML editor and I am trying to edit the background colour of a website I am working on starting from a The,e provided by your firm.
Thank your kind reply
Louis V-H
Thank your kind reply
Louis V-H
LOUIS VAIANI-HUSAR
Registered User
2 posts
The background Color is currently white but I want to change it to a darker one (similar to a brown / tobacco Color )
Thank you for your assistance
Louis
Thank you for your assistance
Louis
Wayan Jaya
Registered User
4,805 posts
Online Now
LOUIS VAIANI-HUSAR wrote:
The background Color is currently white but I want to change it to a darker one (similar to a brown / tobacco Color )
Thank you for your assistance
Louis
The background Color is currently white but I want to change it to a darker one (similar to a brown / tobacco Color )
Thank you for your assistance
Louis
Do you mean the background for the whole page not just a row or column.
If it's the whole page go to the inspector panel, scroll to the top and double click on "Grid" this opens design panel , scroll down until you reach the background section, open it (if not already open) click background if you want solid colour (choose from clour picker), or clich new gradient to give it a cool looking gradient
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
