• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

John

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password
  • Profile
  • Topics Started
  • Replies Created
  • Engagements
  • Favorites

Forum Replies Created

Viewing 20 posts - 21 through 40 (of 254 total)
← 1 2 3 … 11 12 13 →
  • Author
    Posts
  • January 22, 2014 at 11:23 am in reply to: Balance Theme – Replace Home Page Posts with Widget #86488
    John
    Participant

    Where did you add the code in steps 1 and 2?


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    January 22, 2014 at 11:13 am in reply to: Balance Theme – Replace Home Page Posts with Widget #86484
    John
    Participant

    Hi Jennifer,

    It looks like you might have added the new widget area in the wrong place, or something along those lines, since your sidebar is now outside of your "content-sidebar-wrap" div container.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    January 22, 2014 at 7:17 am in reply to: Please Help! Center the Menu options on the Nav. Bar #86431
    John
    Participant

    You're welcome! Glad it worked.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    January 21, 2014 at 2:50 pm in reply to: Please Help! Center the Menu options on the Nav. Bar #86318
    John
    Participant

    valmistaudu,

    This should center your main navigation:

    
    .nav-primary .genesis-nav-menu.menu-primary { text-align: center; }
    

    For the current page menu item, change line 1054 from this

    
    .genesis-nav-menu a:hover,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    	background-color: #80c053;
    	color: #80c053;
    }
    

    to this

    
    .genesis-nav-menu a:hover,
    .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
    .genesis-nav-menu.menu-primary .current-menu-item a {
    	background-color: #80c053;
    	color: #fff;
    }
    

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    January 8, 2014 at 10:05 pm in reply to: Responsive Menus Bug? #84112
    John
    Participant

    Hi boldplan,

    I apologize for the delayed response - I've been incredibly busy lately.

    If you've found a solution or hired someone to work it out for you, great! But if not and you'd like me to take a look at what needs to be done and shoot you a price, you could use the contact form on my website to get that started.

    Otherwise, thanks for the new year's wishes, and I hope you have a good 2014 as well.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 30, 2013 at 7:34 am in reply to: Responsive Menus Bug? #82029
    John
    Participant

    genwrock,

    Thanks for the mention!

    boldplan,

    Regarding the second one, it’s a tab button that does a nice job for what it does but it’s not an optimal solution from a styling standpoint.

    The idea behind that styling technique was to use the button styling that's already being used in your website's CSS. You can change it up to look like anything you want with just a little CSS work.

    although I prefer using CSS and not JS whenever I can avoid it.

    I agree with you on using CSS and not JS whenever possible, and that's why I came up with that method.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 18, 2013 at 9:10 pm in reply to: Resizing Metro Pro Header for Mobile #80090
    John
    Participant

    http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    December 13, 2013 at 12:47 pm in reply to: Metro-Pro Header Responsiveness #78856
    John
    Participant

    Hi Jennifer,

    After taking a quick look at your site I think the approach I would take is to separate "Anne B. Darring" and the two large green stars from the rest of the header image and make that the logo. Then set her photo and the tagline as the background image of the header. That should allow you to also have the contribute button in the header.

    You'd have to adjust the CSS at your different media breakpoints so that the three elements would play well together, but that's what I would do.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    November 26, 2013 at 7:44 am in reply to: Executive Pro Mobile Responsive – Remove space #75682
    John
    Participant

    You're welcome!

    This looks like a pretty good 2-video Firebug tutorial series: http://www.youtube.com/watch?v=tdIk2PztcL0 and http://www.youtube.com/watch?v=f38GEk27uj4

    When you realize that the path you're on isn't the right or best path, the wise choice is to get off that path, no matter how much time you've been on it. And in my opinion, using a background image for a website logo is not the right or best path.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    November 25, 2013 at 8:57 pm in reply to: Executive Pro Mobile Responsive – Remove space #75623
    John
    Participant

    Because of the way you're handling that header image you're going to have to adjust your min-height for .title-area at each media query to make this work.

    An easier way to do handle a logo is explained here: http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/

    For the gap between the site inner and the footer widgets, you have an empty paragraph tag in the text widget that contains your Commercial and Residential images/script.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    November 23, 2013 at 11:53 am in reply to: Sitemap: How do I change the number of posts shown in the sitemap? #75256
    John
    Participant

    Find page_archive.php in your Genesis parent theme folder, make a copy of that file and upload it to your child theme folder, edit the file as needed.

    For example, the recent posts are displayed using the wp_get_archives() function with a limit of 100. If you remove &limit=100 it will display all your posts.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    November 23, 2013 at 11:31 am in reply to: CSS fix for Education theme dropdown menu issue (here's how) #75251
    John
    Participant

    You're welcome, Bonnie!


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    November 1, 2013 at 10:09 am in reply to: sandbox responsive menu – or ANY nice responsive menu #70311
    John
    Participant

    Mealtog,

    When using this menu with a text site title, couldn't you reduce the size of that text to fit along with the menu button?

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    November 1, 2013 at 10:08 am in reply to: sandbox responsive menu – or ANY nice responsive menu #70309
    John
    Participant

    lbdesign,

    That's part of the beauty of this mobile menu solution - the CSS can be reworked to fit any site and/or design preferences.

    From what I've seen while using my phone to access the web, buttons or icons, usually in the upper right corner, are the norm for menus on mobile websites, and someone who uses their phone for surfing the web is going to be accustomed to that method. Screen real estate is a premium on mobile, and I would prefer not to take up space with a bar when a small button works just as well, and I can also shrink the logo and move it up into the other corner, conveniently out of the way.

    If you use it and try the full-width bar approach, let me know so I can check it out.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    October 31, 2013 at 9:16 am in reply to: sandbox responsive menu – or ANY nice responsive menu #70117
    John
    Participant

    Mealtog,

    Here's a tutorial I wrote last month on how to do that: How to add a Soliloquy slider to a Genesis page template file

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    October 30, 2013 at 9:06 pm in reply to: sandbox responsive menu – or ANY nice responsive menu #70041
    John
    Participant

    lbdesign,

    Here's the result of that tutorial that Olivier mentioned on a Metro site: http://citychurch.bhwebworks.com/

    Keep in mind that a visitor using a phone or small tablet isn't going to see the menu turn "from a bar to a button," since it's always a button on their device.

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    October 22, 2013 at 9:36 pm in reply to: Metro-Pro Header Responsiveness #68329
    John
    Participant

    http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    October 22, 2013 at 9:33 pm in reply to: How can I get these to line up next to each other? #68328
    John
    Participant

    Something like:

    
    .entry-content p iframe { float: left; margin: 0 20px 20px; }
    

    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    October 22, 2013 at 9:27 pm in reply to: Setting Size of Header in CSS #68326
    John
    Participant

    Chris,

    I'd try

    
    .site-header { padding: 0; }
    .header-full-width.header-image .site-title a { min-height: 105px; }
    

    John


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

    October 22, 2013 at 2:33 pm in reply to: Missing Page Template Options #68275
    John
    Participant

    It doesn't look like the Balance theme includes a blog template, but you can copy one over from Genesis and then make your edits to that.


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

  • Author
    Posts
Viewing 20 posts - 21 through 40 (of 254 total)
← 1 2 3 … 11 12 13 →
« Previous Page

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble