[Aaron HartlandParticipant Post count: 12]

Hi – You can limit the width of the nav (and subnav) by using “max-width” and then centering (margin: 0 auto;) the element.

SO… (working from the SudioPress demo site) this:

#nav {
    background-color: #111111;
    clear: both;
    overflow: hidden;
}

could be changed to this:

#nav {
    background-color: #111111;
    clear: both;
    margin: 0 auto;
    max-width: 960px;
    overflow: hidden;
}

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

In looking at your code, it looks like you might be using the Genesis Slider and not the Genesis Responsive Slider.

Please verify that this is the plugin that you are using: Genesis Responsive Slider

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

In Genesis Theme Settings.. if you select to “Enable Fancy Dropdowns?” in the Navigation area… this will hide the secondary items when viewed on a smaller screen. This is the way the the theme is configured on the SP demo.

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

I think this might give you the look you’re seeking….

For the #header div, change the background color from transparent to white (#fff):

/** added **/
#header {
    background: url(images/bg.png) repeat-x scroll 0 0 #fff;
    margin: 0 auto;
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100%;
}

And then add 5px more margin to the top of the #inner div:

#inner {
    clear: both;
    margin-top: 90px;
}

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

Go to the “general settings” page of your WordPress dashboard… In the date format area of this page, click the button for custom and paste: “m.d.y” (without the quotation marks) into the field… save and refresh your page.

documentation: Codex – Formatting Date and Time

Cheers!

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

Around line number 110 of your child themes CSS file you will see this:

#header .widget-area {
	width: 650px;
	float: right;
	margin: 0; 
	padding: 0;
	}

Change the width value to something that will fit in that area… like so:

#header .widget-area {
    float: right;
    margin: 0;
    padding: 0;
    width: 450px;
}

Cheers!

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

The problem isn’t actually with the links… It’s with the way that the Soliloquy slider is being displayed. Two suggestions…
Edit your photos to better fit the size that you’ve assigned… and… add this to the CSS file of your child theme:

.soliloquy {
    overflow: hidden;
}

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

Upload your image to your images folder via FTP and then add something like this in your CSS file:

body {
background: url (images/your-image-name.png);
}

…and be sure to replace “your-image-name.png” with the name of your image.

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

I would suggest the Genesis Simple Sidebars plugin by StudioPress: http://wordpress.org/extend/plugins/genesis-simple-sidebars/ It was created specifically for this purpose.

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

Tom – I believe that the section you are looking for in the Executive theme CSS is:

.executive-home .home-cta

(“cta” = short for call to action)

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

Reduce the width of your #footer .gototop or your #footer .creds in the CSS and you should be good to go.

It looks like there is more padding on these two elements than in the original theme (Serenity)… essentially making them wider than they otherwise would be… forcing one down below the other.

As an example… if you changed the width of your .gototop to 155px would that be the look your attempting?
#footer .gototop {
width: 155px;
float: left;
margin: 0;
padding: 5px 0 0 25px;
}

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

One more thing… I might also add in the hover state of the current page here (so that the current page link doesn’t change color on hover):

#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a, #header ul.menu .current-menu-item a:hover {
background: #72D4EA;
color: white;
text-decoration: none;
}

Added in “#header ul.menu .current-menu-item a:hover”

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

In the same block of css (above) the hover color of the other links is also being set. If you delete the “#header ul.menu li a:hover” line and then assign a new color to the same… you should be good to go…

deleted hover color:
#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
background: #00B8DE;
color: #FFFFFF;
text-decoration: none;
}

New bit of css for the hover state of the other pages (just update to your desired color):
#header ul.menu li a:hover {
background-color: #7CA513;
}

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

Yes, he (FAT Media) is correct. At your screen resolution, the columns are 100% and won’t show side by side.

I don’t think you need to adjust this… but if you must… in the “@media only screen and (max-width: 1200px)” section of your css, you could could remove the column widths that you want from the below block of CSS and assign new properties:

.five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds {
padding: 0;
width: 100%;
}

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Aaron HartlandParticipant Post count: 12]

The columns are showing up when I look at the StudioPress demo site (http://demo.studiopress.com/eleven40/columns/)

Could you post a link to your site?

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Author]

Posts