[kayakauthority]

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;

[kayakauthority]

Hello-

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 ( /* )?

[kayakauthority]

Hello-

Okay. I'll try that. Thanks for providing the information.

[Author]

Posts