blueturnaround

Hi, your instructions are not very clear.

So I copied @import url(“../magazine-premium/style.css”); into my child theme and it didn’t do anything. You sure that is the correct url for my site?

Cool! That worked. Thank you very much.

Thanks! I tried what you said, and it didn’t remove that arrow. Also, I forgot to mention that the home page is set to display pages, not posts. Here’s what the whole code under “navigation” looks like now:

/* =Navigation
----------------------------------------------- */

#image-navigation {
	clear: both;
}
.next-image {
	float: right;
}
.site-content .site-navigation {
	clear: both;
	margin: 1.5em 0;
	text-align: center;
}
.site-content #nav-below .nav-previous a,
.site-content #nav-below .nav-next a,
.site-content #image-navigation .nav-previous a,
.site-content #image-navigation .nav-next a {
	display: none;
	position: fixed;
		top: 0;
	text-align: center;
	width: 120px;
	height: 100%;
	z-index: 1;
}
.site-content #nav-below .nav-previous a:before,
.site-content #nav-below .nav-next a:before,
.site-content #image-navigation .nav-previous a:before,
.site-content #image-navigation .nav-next a:before {
	display: none
	background: #444;
	border-radius: 50%;
	color: #fff;
	content: '\f430';
	display: inline-block;
	font-family: Genericons;
	font-size: 50px;
	font-size: 5.0rem;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	line-height: 1;
	position: relative;
		top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
}
.site-content #nav-below .nav-next a:before,
.site-content #image-navigation .nav-next a:before {
	content: '\f429';
}
.site-content #nav-below .nav-previous a,
.site-content #image-navigation .nav-previous a {
	display: none;
	left: 0;
}
.site-content #nav-below .nav-next a,
.site-content #image-navigation .nav-next a {
	right: 0;
}
.site-content #nav-below .nav-previous a span,
.site-content #nav-below .nav-next a span,
.site-content #image-navigation .nav-previous a span,
.site-content #image-navigation .nav-next a span {
	display: block;
	top: 50%;
	margin-top: -50px;
	height: 100px;
	position: relative;
}
.site-content #nav-below .nav-previous a:hover,
.site-content #nav-below .nav-next a:hover,
.site-content #image-navigation .nav-previous a:hover,
.site-content #image-navigation .nav-next a:hover,
.comment-navigation .nav-next a:hover,
.comment-navigation .nav-previous a:hover,
.site-content #nav-below .nav-previous a:focus,
.site-content #nav-below .nav-next a:focus,
.site-content #image-navigation .nav-previous a:focus,
.site-content #image-navigation .nav-next a:focus,
.comment-navigation .nav-next a:focus,
.comment-navigation .nav-previous a:focus {
	opacity: 1;
}
.site-content .comment-navigation {
	margin: 0 0 3em;
}
.comment-navigation .nav-next a:before,
.comment-navigation .nav-previous a:before {
	background: #444;
	border-radius: 50%;
	color: #fff;
	content: "\f430";
	display: block;
	float: left;
	font-family: Genericons;
	font-size: 40px;
	font-size: 4.0rem;
	-webkit-font-smoothing: antialiased;
	font-weight: 300;
	line-height: 1;
	margin: 0;
	text-align: center;
	width: 40px;
	height: 40px;
}
.comment-navigation .nav-next a:before {
	content: "\f429";
	float: right;
}

Yep, super, thank you Andrew!

hehe, yes, that worked…

Thank you!

So I can specify which page I want effects… cool…

Thanks! That works great.

Any sites I can learn about menu coding? It kind of makes sense, but I don’t understand the “pronouns”… by which I mean /*! and those kinds of symbols.

Also, instead of the color change effect in the main menu (I like it just fine in the submenu), I’d like to add an underline effect for the main menu.

I can’t create the hover effect because I do not know how to do it, and there does not appear to be any feature built into the theme to do so.

Is there a feature to do that built into the theme?

If not, then I assume that I can write in code into the custom css plugin?

Where would I go to find / learn that code?

“I want each individual word / link (i.e. letters) in the menu to change color to white, with the background changing to a dark blue (same color as the logo) when the mouse is hovering over it.”

bump?

That worked! Thank you