• 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

Installing that search bar from AgentPress Pro Theme onto my Executive theme.

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

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Installing that search bar from AgentPress Pro Theme onto my Executive theme.

This topic is: resolved

Tagged: listings, property, search bar

  • This topic has 8 replies, 4 voices, and was last updated 8 years, 11 months ago by nathanksmith.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 7, 2016 at 5:59 am #190858
    Maxxz
    Member

    Hi ! Good day to you all.

    I just purchased the Executive theme and have installed it to my site. (SgProperties.Sg)

    It’s not fully up yet as I just finish putting it up from the walk-thru.

    I was actually torn between this and the Studiopress’s “ AgentPress Pro Theme” because I
    needed the search bar from it when I list my properties,
    However I prefer the flow of the “Executive” theme for it’s SEO structure.

    I got some direction from the Studiopress help to use
    The search bar comes from this plugin https://wordpress.org/plugins/agentpress-listings/

    Studiopress mentioned that it is styled by the theme, so it will not look the same if I try to install it into my current theme, but I can use CSS to adjust to fit the style of my site.

    Would anybody be able to point me in the direction of how to combine both this search bar into my current “Executive Theme”?
    I am also open to use any other search bars (Plugins) like it but does the same functions (listings).

    I managed to play with the "listings" tab but having trouble displaying the search bar and its fields properly.

    Please see the DEMO at Agentpress's bar fields that comes with "types", "bedrooms" and "price".
    It's full demo at : http://my.studiopress.com/themes/agentpress/#demo-full

    My Search icon appears without any fields for me to select.
    Please help !
    Thanks in advance guys !!
    You are a life saver !

    Https://SgProperties.Sg
    August 7, 2016 at 6:34 am #190863
    Genesis Developer
    Member

    1. You will add some features and assign them with your listings
    2. Now Drag&Drop the AgentPress Search widget in your correct widget area. Select the features and save "Search Widget" settings
    3. Add some CSS in your style.css file for horizontal search bar
    4. Now check your "home page"

    Hope it will help you.


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    August 7, 2016 at 2:24 pm #190883
    Ginger
    Participant

    Hi Maxxz,

    None of the search fields will show up until you have listings that have those taxonomies assigned to them. "Include these taxonomies in the search widget" shows in the widget.


    @gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

    August 9, 2016 at 3:01 am #190951
    Maxxz
    Member

    Thank you so much for your kind help!!

    I went and bought the Agentpress as well to get its css file.

    I already added the taxonomies, the box came up but its huge.

    I can't find the related CSS code related to the box, also in the demo page it links to show the results, but my just show a blank result.
    Where do I configure that in?

    August 9, 2016 at 3:13 am #190952
    Maxxz
    Member

    Oh i managed to get it to list my search ! awesome !
    just can't find the search bar to configure it 🙁

    August 9, 2016 at 4:12 am #190954
    Maxxz
    Member

    any clues on how to adjust my search box size?
    Its huge.

    August 9, 2016 at 9:29 am #190965
    Genesis Developer
    Member

    Add this in your CSS file

    
    form#searchform select,
    form#searchform .searchsubmit {
       margin: 0 0.5%;
        width: 24%;
    }

    You will adjust the CSS for mobile device


    Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
    You can request new tips/help.

    August 10, 2016 at 3:57 am #191023
    Maxxz
    Member

    thanks !!!

    October 12, 2016 at 8:33 am #194585
    nathanksmith
    Member

    For some reason my search box is not showing the searchsubmit button. How do you enable that?


    Nathan K Smith
    http://www.austintenantadvisors.com

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Installing that search bar from AgentPress Pro Theme onto my Executive theme.’ is closed to new replies.

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