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 TicketTagged: categories, css, search bar
-
AuthorPosts
-
November 20, 2018 at 3:08 am #455104
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/
November 20, 2018 at 3:14 am #455106Hi Gene,
Thanks for your post. Do you need the CPT selector as shown in the example? Or you just need two search columns?
Thanks!
November 20, 2018 at 4:28 am #455111Yes, 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.
November 20, 2018 at 9:53 am #455132Hi 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!
November 20, 2018 at 2:57 pm #455191This reply has been marked as private.November 20, 2018 at 4:11 pm #455212Hello,
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.
November 20, 2018 at 4:59 pm #455232This reply has been marked as private.November 20, 2018 at 5:10 pm #455233Hello,
That site is not one of our demos. You can find our demos here:
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.
November 20, 2018 at 5:19 pm #455239This reply has been marked as private.November 20, 2018 at 5:37 pm #455251You are welcome to switch to Supreme.
You can download the V2 version from your account.
November 20, 2018 at 7:21 pm #455271This reply has been marked as private.November 20, 2018 at 7:40 pm #455278You 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.
November 21, 2018 at 12:25 am #455325How 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 WeightNovember 21, 2018 at 4:51 am #455329Hi 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/
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket