stevepringle

Ah OK that makes complete sense. I’ll give your second suggestion a try…thanks so much again for your help!

I am trying to do this too!!!

My website is https://www.stevepringle.co.uk if anyone wants to take a look…as you can see, it massively sticks out at the moment!

Any help would be fantastic.

Exactly, yes..

…one more thing! Is it possible to have the content of the banner page-specific? Would that involve some in-depth scripting?

Ah I see…by giving the DIV a class the browser will then search for a CSS entry with that name? Great…

Sorry I was unclear when I said 100% width – I meant that the banner area should be 100% width (so there’s no sidebar either side). Looks like that’s sorted!

Thanks for your wisdom! Much appreciated.

Steve

This is the end of the existing header code:

<nav class="primary-menu-dropdown">
				 <?php
					$menu_name = PC_CUSTOM_NAV_MENU_1;
					$locations = get_nav_menu_locations();

					if ( has_nav_menu( $menu_name ) ) {
						$menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
						$menu_items = wp_get_nav_menu_items($menu->term_id);
						$menu_list = '<select onchange="if (this.value) window.location.href=this.value">';
						$menu_list .= '<option selected="selected">-- Main Menu --</option>';

						foreach ( (array) $menu_items as $key => $menu_item )
							$menu_list .= '<option value="' . $menu_item->url . '">' . $menu_item->title . '</option>';

						$menu_list .= '</select>';
						echo $menu_list;
					}
					else { /* Display fallback menu. */
						$args = array( 'depth' => -1 );
						$menu_items = get_pages($args);
						$menu_list = '<select onchange="if (this.value) window.location.href=this.value">';
						$menu_list .= '<option selected="selected">-- Main Menu --</option>';
						foreach ( (array) $menu_items as $key => $menu_item ) {
							$permalink = get_permalink( $menu_item->ID );
							$menu_list .= '<option value="' . $permalink . '">' . $menu_item->post_title . '</option>';
						}
						$menu_list .= '</select>';
						echo $menu_list;
					}
		 	     ?>
		 	  </nav>

		 </header>
     </div><!-- #header-container -->

I’ve just tried putting an <img> tag after the last </div> entry and it brings the image in after the menu! I didn’t think this would work. Is it OK to put it after the container?

It now needs a white border above it to make it clear the dotted line, and to format it centrally – <img src=”…” align=”center”> doesn’t work?! Do I need to assign it a CSS entry?

Thanks for your help!

I tried to put it in the end (after the dropdown menu code) but it still uses the header formatting (black background) , and puts it before the dotted line.

Ideally, I’d like to have the header as it looks currently, and below the dotted line have the entry for the banner, followed by the page.

Am I barking up the wrong tree?!

Thank you…that worked a charm!

RESOLVED: set “width” to auto…

Great, you’ve been a massive help. Thanks so much for your time and knowledge!

Thanks so much, that did it!

I tracked down the other CSS sheet – within my theme folder there is an ‘includes/css/’ folder and there is a colour scheme .css file with everything there!

I imagine you would say not to create child of this?!?

If not, would you mind explaining the theory behind how to override any of these commands (assuming as you say this is loaded after my child style.css)?

Amongst others I’m now wanting to change the colour of menu items when the mouse hovers over them…I’ve tracked down the code in the colour scheme.css:

#header-container nav li a:hover, #header-container nav ul ul li a:hover {
color: #999;
}

Ah – I found another stylesheet via FTP called editor-style.css…if I understand correctly I *think* this one reflects changes made using the Theme Editor via WordPress’ frontend. it contains duplicates of the code I was trying to adapt on the other stylesheet, and would explain how it was overridden. Can I create a child of this one just like for style.css?

I tried your suggestion above and worked perfectly for the Home page, but not the others…I’m hoping if I can create a child editor-style.css I can make the change there.

Thanks again…

Thanks! Steep learning curve ?? I learnt HTML back in the days before scripts and CSS, but things have changed a lot since then!

I’m using Chrome’s ‘Inspect Element’ feature which seems pretty good, and it linked to the CSS that you listed, but I can’t actually manually find it on the style.css. There is only #site.title a:hover and #site.title a span.

I tried putting it in “#site.title a span”, and also adding the code you mentioned as a separate class, and neither has worked…help! Thanks.

Ah, of course! Thanks for clearing that up.

Apologies for taking this thread slightly off-topic, but I have been trying to change the text for ‘stevepringle.co.uk’ for ages, and failing miserably! I’ve tried:

#site-title {
margin: 0;
max-width: 400px;
font-size: 36px;
line-height: 40px;
font-weight: bold;
color: #FFA200;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

My addition is ‘color: #FFA200;’

Am I misunderstanding the usage here?

Ah….so it has! Interesting that it didn’t work earlier…also, the “Powered by WordPress…” has come back though? I was using the code:

#site-info .pc-link {
float: right;
max-width: 400px;
display: none;
}

which worked up until this point?! If you have any suggestions that would be greatly appreciated! Thanks again.