Forum Replies Created
-
AuthorPosts
-
August 4, 2016 at 2:34 pm in reply to: Altitude Pro Site Header Change Background Color And Text Color #190745kayakauthorityMember
Hello-
Thanks for the reply. This definitely does make it easier.
Just some basic questions that I'm not sure about.
If I want the site header to be white, do I need to change the text "dark" to "white" or some other word and also change "#000" to "#fff"?
.site-header.dark {
background-color: #000;What is moz-placeholder and moz-selection? If I'm changing the colors for the site header, do I also have to change either of these? When I change their colors, I don't notice anything changing on the preview screen.
*::-moz-placeholder {
color: #fff;
opacity: 1;
}
*::-moz-selection {
background-color: #fff;
color: #000;kayakauthorityMemberHello-
Thank you for the information. This is definitely helpful and much appreciated.
This is where I am at now:
In style.css sheet, I located the media query section near the end. This is what it looks like as you get into the media query section of the style sheet.
.magazine-pro-orange .button:hover {
color: #fff;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1139px) {If I were to add the code from the Studiopress tutorial (https://www.studiopress.com/colored-content-boxes-buttons/) for the colored content boxes, would it look like the following when finished?
.magazine-pro-orange .button:hover {
color: #fff;
}/* Content Boxes
------------------------------------------------------------ */.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
margin: 0 0 25px;
overflow: hidden;
padding: 20px;
}.content-box-blue {
background-color: #d8ecf7;
border: 1px solid #afcde3;
}.content-box-gray {
background-color: #e2e2e2;
border: 1px solid #bdbdbd;
}.content-box-green {
background-color: #d9edc2;
border: 1px solid #b2ce96;
}.content-box-purple {
background-color: #e2e2f9;
border: 1px solid #bebde9;
}.content-box-red {
background-color: #f9dbdb;
border: 1px solid #e9b3b3;
}.content-box-yellow {
background-color: #fef5c4;
border: 1px solid #fadf98;
}/*
Media Queries
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1139px) {Is there one blank line after the bracket ( } ) from the existing code before the ( /* ) of the new code for the colored content boxes?
Are there two blank lines after the bracket ( } ) of the newly added code of the colored content boxes before the media query section starts ( /* )?
kayakauthorityMemberHello-
Okay. I'll try that. Thanks for providing the information.
-
AuthorPosts