Terence

Of course I can change the color to anything I want.  That’s not the point I am making.

Wes, you were right about the positioning, oh ye of little faith, and contrary to expectations ~ everything went very well.

The only problem I am left with is an 80px space between the top of the slider and the bottom of the widgetized nav bar ~ divs slider and slider-inner ~ and an 8px slider between the bottom of the slider and the top of the “Welcome Wide” div which I cant find a reason for.

What’s the best way to remove all these?

P.S. The only reason I needed to change the slider from the one you had used is the fact that there was no stop/pause without the on-slider navigation, and one other thing which was a bit more difficult to deal with. In your usage you displayed “products” which could be made to be as if sitting in the background and therefore, spatially, the image floated.  Unfortunately, my subject matter is “advertising images of people/animals etc” which already has its frame outline clearly defined and when placed in a slider looks like what it is, a cut and paste job.  My solution was to try and make the images go full width and butt at the bottom and the top, so they fill the entire slider space.  Hence the need for another slider.  But if I can do that with the Genesis slider, please let me know how and I will try.

The only problem I am having with it at present is the fact that I can’t get the sticky menu to go to the same height as the main nav bar.

Its on a dev server, but if you put “46.149.20.184 mediacause.dev” in your host file you should be able to see how far I have got so far ~ not very far!

Terence.

By the way, that sounds like a good price you got for your sister. I got a poodle for mine… 😉

I posted an answer but it didn’t show up here.

I just got an answer back from the author about the CSS elements it contains…

Top-most container: .enews-widget
Second container (still has everything within it): .enews
The form itself: #subscribe
Text Before/After: No unique CSS. It’ll auto-paragraph per WP standard. (so .enews p would hit it generally) You can add your own div tags in this space and specify your own classes if you need to customize this text more on a more granular level.

Form elements:

First name field: #subbox1
Last name field: #subbox2
E-mail field: #subbox
Submit button: #subbutton

Here’s a sample CSS (I think complete) based on the Executive theme (http://demo.studiopress.com/executive).

.enews #subbox, .enews #subbox1, .enews #subbox2 {
background-color: #fff;
box-sizing: border-box;
color: #888;
font-size: 10px;
margin: 0 0 10px;
padding: 15px;
text-transform: uppercase;
width: 100%;
}

.enews #subbutton {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #64c9ea;
border-radius: 5px;
border: none;
color: #fff;
cursor: pointer;
font-size: 14px;
padding: 15px 20px;
text-align: center;
text-decoration: none;
}

Looks like I am gonna be busy.

Terence.

Hi Wes,

Sorry I didn’t see your message in time. I am a night-bird too but even I have to draw the line at 3:30 am.

Its on a dev server, but if you put “46.149.20.184 mediacause.dev” in your host file you should be able to see how far I have got so far ~ not very far!

I have added 3 things to your original design ~ genesis sticky menu, #location scrolling on homepage and conditional menu logic, but its a long way from showtime.

Terence.

The problem was the width and the height of the element in the CSS.  That’s fixed now so the top widget menu longer wraps, and the header is kept to 60px high.  The only thing that remains is to alter the positioning of the image in the nav bar. I can’t find a way to do it with CSS so its easy enough changed by moving down the visible image on a transparent png or gif.

Excellent Eric ~ works perfectly.

The way the CSS is written you’d almost imagine Wes had thought ~ “… supposing someone might want to leave out that second welcome-feature widget?”

Hey Dave,

Absolutely!

I am a little bit like that myself, although I do seem to be able to muddle my way through.

Since responsive is the way to go, and most Genesis child themes are already responsive, we need to take care of that too.

In many designs, the logo starts out on the left within the laptop/pc/monitor design size, but is then centered on lower resolutions (iPad, iPhone, etc.).

Genesis child themes include breakpoints in their CSS which change the way things are displayed at certain sizes. So lets say that we wanted our logo centered on any screen size below 768px.

We need to find the styles pertaining to this breakpoint, and add our new header style, as follows:

`@media only screen and (max-width: 767px) {
#header { background: url(“images/logo.png”) center no-repeat; }
}`

You can see that I’ve centered the logo instead of left aligned it. You can also use a different logo for lower resolutions, as follows:

`@media only screen and (max-width: 767px) {
#header { background: url(“images/logo-mobile.png”) center no-repeat; }
}`

That’s as far as I have got with that issue so far.

Terence.

P.S. Don’t like Jaffa cakes.  Its either a Jammy Dodger, or send me a picture and I’ll have a think about it.

Thanks Eric, I will give it a try and ~ no doubt ~ turn up back here in a bit with something that doesn’t quite work.

We shall see.

I have three specific modifications/enhancements I want to make to Epik, which are only partially supported by the existing CMS/Framework/Child theme combination ~

1. Sticky Menu (already discussed), and

2. Conditional menu logic ~ for example, why does a “home” menu item need to appear on the homepage? On every other page, yes, but not the homepage itself? ~ and

3) Scroll to page #ID location (JS scrolling), an animated scroll up and down the home page to various #ID locations, so that the home page ~ initially ~ works as if it was a singe page website.

Not going to spoil it Wes ~ promise ~ just going to make it a weeny bit more awesomer!

Terence.