Search Bar & Category CSS

This topic contains 13 replies, has 3 voices, and was last updated by  Kor 6 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #455104

    Gene Altman
    Expired Member
    Post count: 19

    Can you please provide the CSS we need to style our “Search Bar area” and “Category area” so it looks like your demo: https://www.luckywelivehere.com/

    We are having custom 50px by 50px transparent .PNG images for each of our categories and would like the categories and search features to look the same (except we will be using different images).

    The only other css change would be making the fields 4px taller and the font and svg sizes 2 sizes larger if possible).

    We are using the V2 of WPGeoDirectory: https://practitioners.holistic.vip/

    #455106

    Kor
    Moderator
    Post count: 16516

    Hi Gene,

    Thanks for your post. Do you need the CPT selector as shown in the example? Or you just need two search columns?

    Thanks!

    #455111

    Gene Altman
    Expired Member
    Post count: 19

    Yes, I would like my search to function the same as shown in the example (with the drop-down category selector) and the category styling option below search fields.

    #455132

    Kor
    Moderator
    Post count: 16516

    Hi Gene,

    Thanks for your reply. Could you please share your WP admin access here in private reply so that I could take a look at your GD setup?

    Thanks!

    #455191

    Gene Altman
    Expired Member
    Post count: 19
    This reply has been marked as private.
    #455212

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    thanks for writing in. There seems to be some confusion, though. The site you referenced is not one of our demos. Our demos are here: https://wpgeo.directory

    or GDV2 most styles should be inherited from your theme. If you want to customize your style you can see this page: https://wpgeodirectory.com/docs/customizing-your-style/

    Check the attached image for an example of how to create custom styles/CSS. As an example you can remove the borders from the location bar with this CSS:

    
    
    
    .geodir-loc-bar {
        border-top: 0px !important;
        border-bottom: 0px !important;
    }
    

    When GDV2 was installed it should have created some default pages for the Detail, Archive, and Archive item templates. You can find the defaults here: https://wpgeodirectory.com/docs-v2/geodirectory/page-design/

    All the shortcodes are available from the shortcode builder. https://wpgeodirectory.com/docs-v2/geodirectory/shortcode-builder/

    If you have questions about a particular shortcode you can let us know and we will try to help you with that.

    #455232

    Gene Altman
    Expired Member
    Post count: 19
    This reply has been marked as private.
    #455233

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    That site is not one of our demos. You can find our demos here:

    https://wpgeo.directory

    I think the feature you are pointing out is the the Popular Categories of the Supreme Directory theme. That is a feature of the theme.

    You will need to create custom CSS and customize your theme to make the gd_categories shortcode come out looking like that.

    If you want to hide the count you will need to add hide_count=”1″ to the shortcode.

    #455239

    Gene Altman
    Expired Member
    Post count: 19
    This reply has been marked as private.
    #455251

    Alex Rollin
    Moderator
    Post count: 27815

    You are welcome to switch to Supreme.

    You can download the V2 version from your account.

    #455271

    Gene Altman
    Expired Member
    Post count: 19
    This reply has been marked as private.
    #455278

    Alex Rollin
    Moderator
    Post count: 27815

    You can use a builder in any of the content areas. There is a predefined header that is placed on the Front, Search and Location pages that cannot be changed without customization.

    #455325

    Gene Altman
    Expired Member
    Post count: 19

    How do I change the following 5 items of Supreme Theme:

    Home Page background image.
    Default background image behind the title of listing/detail pages.
    Copyright text in sub-footer of the Supreme Theme.
    Sub-footer text font size & weight
    Menu items Font and Weight

    #455329

    Kor
    Moderator
    Post count: 16516

    Hi Gene Altman,

    Thanks for your reply. Let me try to answer your questions accordingly.

    1. Refer to homepage section https://wpgeodirectory.com/docs/supreme-directory-overview/

    2. It will use the listing’s first image as background image.

    3. You can follow the instructions here to edit the copyright section https://wpgeodirectory.com/support/topic/edit-copyright-section-in-footer/#post-441541

    4. Sub-footer text font size & weight , Menu items Font and Weight can be adjusted using the method as explained here https://wpgeodirectory.com/docs/customizing-your-style/

Viewing 14 posts - 1 through 14 (of 14 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount