Forum Replies Created
-
AuthorPosts
-
cwalshMember
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
cwalshMemberIt'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
September 25, 2014 at 10:00 am in reply to: Agency Pro – where is this specific text color in CSS? #125680cwalshMemberAny 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
cwalshMemberYou 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
cwalshMemberAdjust 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
cwalshMemberWould 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
September 25, 2014 at 9:20 am in reply to: Agency Pro – where is this specific text color in CSS? #125668cwalshMemberHere 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
cwalshMemberHere 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
cwalshMemberYou 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
cwalshMemberIt'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
cwalshMemberTry 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
cwalshMemberAdd 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
September 4, 2014 at 8:21 am in reply to: How do I get Navigation in the screen options for theme setting navigation #122748cwalshMemberAre 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
September 4, 2014 at 8:06 am in reply to: How to Change the Google Snippet on the Foodie Theme #122743cwalshMemberDo 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
September 4, 2014 at 7:24 am in reply to: How to Change the Google Snippet on the Foodie Theme #122735cwalshMemberGenesis 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
cwalshMemberTo 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
cwalshMemberYes 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
cwalshMemberTry 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
cwalshMemberHi 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.
https://wordpress.org/plugins/wp-lightbox-2/
https://wordpress.org/plugins/responsive-lightbox/
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
cwalshMemberYou 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
-
AuthorPosts