thetigerisin

My gooodness, you are absolutely correct! Pagenavi was installed but NOT activated. You are sheer genius.

Thank you, cphx.

With enormous gratitude.

Sonia Sworak
https://www.gravel-roads.com

Thank you again, Petra. You as well!

Sonia

Petra, I can’t begin to thank you enough. Although I was amply warned that the plug-in had not been tested on my version (the most current) of WordPress, it works beautifully. I just posted onto Facebook without a single hitch.

Don’t know what I’d do without you!

Thank you so much, Beefstick. Just made all the changes and they worked!

I consider this a closed issue since I have not heard from you. I am marking it resolved, for that reason.

Thank you.

Another PS:

Please remember I am looking how to insert a different image in the header for each of the pages referenced above.

Bear in mind that the home/main page has the slider, also referenced above.

The images for the pages are to be 1380 px x 300 px.

The slider images are a different size as you can see above.

Again, thank you.

PS:

My pages are as follows:

About Gravel Roads
Contact
Drive It or Park It
Neighbor to Neighbour
Paladin
Heirlooms
It’s a Dog’s World

Thank you.

Just sayin’. ??

I also submitted this similar query to the Hueaman support sight. I know I’m inexperienced, but somehow I feel totally inadequate and bouncing back and forth. FYI.

My site is not live.

So, you have your top header menu. You have your primary header menu.

And sandwiched in between I planted Master Slider. Looks great and it works beautifully.

Problem is I have Hueman header background color etc. dropping well below my Master Slider. As in at least an inch.

Do not like this. This is what I have now:

#header { position: relative; padding-bottom: 60px; }

Deleted default color as per above.

So, my slider is 1380 x 500 px. How do I correct the superlfluous Hueman background?

Appreciated, Gentlemen, well in advance.

I should add that I’m using full-width slider 1380 x 500 px. Thanks.

Thank you.

Gentlemen, thank you both. I followed a few other beginner lessons through codex and now have what I really wanted. Once again, thanks for taking the time to not only teach, but to encourage. You are great!

I must say, Beefstick/a.k.a Mike, you are an eternally patient soul. I truly appreciate your accepting all our dumb questions and the fact that most of us just either don’t read or, on my part, don’t understand. Thank you once again for all your efforts. You are appreciated. Believe me!

I’ll give your suggestions a try!

Well, I did the following:

1. Added your code to the style sheet.
2. Deleted the #eaeaea in background.
3. Uploaded image 1380 x 320 to Media Library
4. Found the URL from the uploaded image and inserted it into the style sheet.

To no avail. I get a white contracted header. No image.

When I started this thread my intention was to have the header image occupy the full width and triple the height of the current header size.

Here’s what I have thus far (and thank you once again, in advance):

/* ————————————————————————- *
* Section: Header
/* ————————————————————————- */
#header { position: relative; padding-bottom: 60px; }
#header .pad { padding-top: 28px; padding-bottom: 30px; }
#header .container-inner { position: relative; }
#header { background-image: url(“https://www.gravel-roads.com/?p=2053”); position: relative; padding-bottom: 60px; }

.site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; }
.site-title a { display: block; color: #fff; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
.site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }

/* header : search
/* ———————————— */
.toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; right: 0; top: -50px;
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);
box-shadow: -1px 0 0 rgba(255,255,255,0.1); }
.toggle-search:hover,
.toggle-search.active { background: rgba(0,0,0,0.15); color: #fff; }
.search-expand { display: none; background: #26272b; position: absolute; top: 0; right: 0; width: 340px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
box-shadow: 0 1px 0 rgba(255,255,255,0.1); }
.search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; }
.search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; }
.search-expand .themeform input:focus { }

/* header : nav topbar
/* ———————————— */
#nav-topbar.nav-container { background: #26272b;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }
#nav-topbar .nav-toggle { background: transparent; color: #fff;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); }
#nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); }

@media only screen and (min-width: 1025px) {
/* fixed nav */
.full-width.topbar-enabled #header { padding-top: 50px; }
.full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
}

@media only screen and (min-width: 720px) {

/* common */
#nav-topbar .nav { }
#nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
/* level 1 */
#nav-topbar .nav > li { border-right: none; }
#nav-topbar .nav > li > a:hover,
#nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); }
#nav-topbar .nav li > a:hover,
#nav-topbar .nav li:hover > a,
#nav-topbar .nav li.current_page_item > a,
#nav-topbar .nav li.current-menu-item > a,
#nav-topbar .nav li.current-menu-ancestor > a,
#nav-topbar .nav li.current-post-parent > a { color: #fff; }
/* level 2 & 3 */
#nav-topbar .nav ul { background: #26272b url(img/opacity-10.png) repeat; }
#nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
#nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }

}
@media only screen and (max-width: 719px) {

/* common */
#nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }
/* level 1 */
#nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
#nav-topbar .nav li.current_page_item > a,
#nav-topbar .nav li.current-menu-item > a,
#nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }

}

/* header : nav header
/* ———————————— */
#nav-header.nav-container { background: transparent; z-index: 97;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2); }
#nav-header .container { padding: 0 15px; }
#nav-header .nav-toggle { background: transparent; color: #fff;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2);
box-shadow: inset 1px 0 0 rgba(255,255,255,0.05), -1px 0 0 rgba(0,0,0,0.2); }
#nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); }

@media only screen and (min-width: 720px) {

/* common */
#nav-header .nav { }
#nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
/* level 1 */
#nav-header .nav > li { border-right: none; }
#nav-header .nav > li > a:hover,
#nav-header .nav > li:hover > a { background: rgba(0,0,0,0.1); }
#nav-header .nav li > a:hover,
#nav-header .nav li:hover > a,
#nav-header .nav li.current_page_item > a,
#nav-header .nav li.current-menu-item > a,
#nav-header .nav li.current-menu-ancestor > a,
#nav-header .nav li.current-post-parent > a { color: #fff; }
/* level 2 & 3 */
#nav-header .nav ul { background: #33363b url(img/opacity-10.png) repeat; }
#nav-header .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
#nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }

}
@media only screen and (max-width: 719px) {

/* common */
#nav-header.nav-container { border-left: 0; border-right: 0; }
#nav-header .container { padding: 0; }
#nav-header .nav { padding-bottom: 20px; }
#nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); }
/* level 1 */
#nav-header .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
#nav-header .nav li.current_page_item > a,
#nav-header .nav li.current-menu-item > a,
#nav-header .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
#nav-header.nav-container { height: 90px; }
.full-width #nav-topbar.nav-container { height: 90px; }
.full-width.topbar-enabled #header { padding-top: 90px; }

Got it. I think. Thanks again. A lot.