[cwalsh]

Do you want to add the welcome message above your nav bar?

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

It's not that the navbar is shorter than the page width, it's centered in that space. This is what makes it centered, text-align: center;

.genesis-nav-menu {
clear: both;
line-height: 1;
text-align: center;
width: 100%;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Any chance you could send me a link or is the site not live somewhere?

You might need to add this
.home-top .button a {
color: #fff;
}

OR use !important after the color on the style you already have.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

You will need to add some additional property to your stylesheet. As you adjust the font size, the overall icon size will increase as well because of the padding built into the styles in the plguin. In order to counteract that, you will need to adjust the padding on your new property so the custom icons would be the same size as the others. The font-size + padding x2 should equal the number you have set for icon size in your widget (the default is 36px).

Here is an example

.simple-social-icons .social-facebook a {
font-size: 36px !important;
padding: 0 !important;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Adjust your site-header min-height to 153px and remove the box shadow on .title-area

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Would you be able to provide a link to the site?

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Here is the CSS that you need to look for to make the changes you want (it would be easier to see your site to double check and make sure but these should work)

Button text color, change color: #333;

.home-top .button {
background-color: #fff;
border-radius: 50px;
color: #333;
text-transform: uppercase;
}

Footer widget titles

.widget-title {
color: #333;
font-size: 16px;
margin-bottom: 16px;
text-transform: uppercase;
}

But this will change the color for the widget titles in your sidebars on internal pages as well so you will probably want to make a new class.

.footer-widgets .widget-title {
color: #fff;
}

Our Work and Recent Articles, 2 styles, one for the text and one for the lines

.agency-pro-home .content .featured-content .widget-title, .agency-pro-home .content .widget_text .widget-title {
color: #fff;
text-align: center;
margin: -40px 0 0;
padding-bottom: 20px;
}

.agency-pro-home .content .featured-content .widget-title::after, .agency-pro-home .content .featured-content .widget-title::before, .agency-pro-home .content .widget_text .widget-title:after, .agency-pro-home .content .widget_text .widget-title:before {
content: " ";
display: inline-block;
border-top: 2px solid #fff;
padding-bottom: 4px;
width: 15%;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Here is a link to great tutorial from Brad Dalton http://wpsites.net/wordpress-themes/second-style-sheet-theme/

It shows how to add a second stylesheet plus has some options for adding for specific pages with conditional tags.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

You will probably need to decrease the size of "Capture Stunning Aerial Views"

.tagline {
font-size: 55px;
line-height: 1.1;
vertical-align: bottom;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

It's a setting you can find in Menus that by default is hidden. Go to the Menus screen, click 'Screen Options' in the upper right corner. Check the box beside 'Link Target' under 'Show advanced menu properties'

That will add a box 'open link in new window/tab' to each of your navigation items.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Try reducing the left and right padding in this style. 18px should do it.

.site-header .genesis-nav-menu li a {
border-left: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
font-size: 16px;
padding: 32px 24px;
}

OR add this to your media queries under max-width: 1360

.site-header .genesis-nav-menu li a {
padding: 32px 18px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Add this to your stylesheet below the other media queries. This will hide the widget area where the slider resides on any devices with a screen resolution smaller than 360px.

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

.home-featured {
display: none;
}
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Are you looking for Menu settings to setup your website navigation? Go to Appearance >> Menus

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Do you have a different WordPress SEO plugin installed? OR possibly have it turned off in your user profile? If you have an alternate WordPress SEO plugin installed, it should have the same home page settings at the Genesis SEO.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Genesis has built in SEO functionality (Genesis >> SEO Settings). You can set Home page Title, Description & Keywords there.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

To change the body font color for the whole site find this in your stylesheet and change color: to #3f3f3f

body {
	background-color: #efefe9;
	color: #a5a5a3;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.625;
}

To make the submenu items bold add this to your styleeheet

.menu-secondary a {
	font-weight: bold;
}

Do you want the dropdowns of both navigations to be darker or just the bottom one? Changing the color in this selector will change both.

.genesis-nav-menu > li:hover .sub-menu a,
.genesis-nav-menu .sub-menu a {
background-color: #fafafa;
color: #a5a5a3;
font-size: 12px;
font-size: 1.2rem;
padding: 16px 24px;
padding: 1.6rem 2.4rem;
position: relative;
width: 184px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Yes to change the text color in the footer widgets look for this

#footer-widgets {
background: url(images/footer-widgets.jpg) top repeat-x;
clear: both;
color: #999;
margin: 0 auto;
padding: 20px 0 0;
}

and

#footer-widgets h4 {
color: #777;
font-family: Georgia, Times, 'Times New Roman', serif;
font-size: 16px;
font-style: italic;
margin: 0 0 10px;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Try adding this to your stylesheet

.entry-time {
display: none;
}

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

Hi Keith,

You could achieve that with a Lightbox plugin and use the native WordPress gallery.

Here are two that I have used on clients sites.

WP Lightbox 2

Responsive Lightbox & Gallery

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[cwalsh]

You could change the alignment in your Simple Social Icons to center and that should fix it.

The mobile responsive settings have the footer widgets set to width: 100% and float: none so they are all left aligned when viewed at 1023px or less.

---

Need website customization services or other help? Caley @ PixelPerfect Design Studio | Connect with me on Twitter: @pixelsperfect | Like me on Facebook: https://www.facebook.com/PixelPerfectDesignStudio

[Author]

Posts