Home page design, Kleo vs GD them with GD plug

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

Open Support Ticket

Author

Posts
July 24, 2017 at 7:30 pm #388349

Qianyun Huang
Expired Member

Post count: 18

I am looking to create a simply homepage like the link below. Can I modify GD theme to have the desire outcome. If so, how do I get an image behind search bar?

https://seventhqueen.com/themes/kleo/get-connected/

Also want to know, in terms of choosing customizing GD theme vs. applying Kleo theme to GD plug. What’s the advantage, and disadvantage. Thank you!

July 24, 2017 at 10:00 pm #388375

Paolo
Site Admin

Post count: 31211

Hi,

Kleo is compatible and you can use that same home page nd replace that search widget with our search widget.

Otherwise this theme provides something similar out of the box: https://wpgeodirectory.com/downloads/supreme-directory/

Let us know how it goes,

Thank you

July 27, 2017 at 7:47 am #388659

Qianyun Huang
Expired Member

Post count: 18

Thank you! I am going to try the supreme theme. Can you please tell me how to replace the background default image (the hand holding a map)?

July 27, 2017 at 5:45 pm #388712

Paolo
Site Admin

Post count: 31211

If you mean for the home page, that’s the featured image. See: https://wpgeodirectory.com/docs/supreme-directory-overview/

Let us know if that was it.

Thanks

August 3, 2017 at 7:37 am #389551

Qianyun Huang
Expired Member

Post count: 18

I was able to change the image. Thank you!

next question, how do i remove the ‘supreme’ logo on the top left of the homepage? Thanks!

August 3, 2017 at 8:07 am #389556

Kor
Moderator

Post count: 16516

Hi Qianyum,

Could you please confirm that you’d like to remove the logo and not replace it? Also, do you mind sharing the URL of the site in question so we can take a look?

Thanks!

August 3, 2017 at 5:40 pm #389645

Qianyun Huang
Expired Member

Post count: 18

Thank you for the reply. Can you tell me both options: how to remove it and how to replace it?

My website is not active yet so I won’t be able to show you. sorry

August 4, 2017 at 6:25 am #389711
Kor
Moderator

Post count: 16516
Hi Qianyun,

Thanks for your reply. Here is what you can do.

#1 To remove the logo permanently. Insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS
```
.site-logo {
    display:none!important;
}
```
#2 To replace the logo. Navigate to Appearance > Customize > Header > Logo as shown in this screenshot http://prntscr.com/g46u21
August 6, 2017 at 3:43 am #389949

Qianyun Huang
Expired Member

Post count: 18

Thank you! I was able to replace the logo.

When I create a custom post, is there a way to remove ‘title’ and ‘description’. I don’t see it as a field that I can de-activate in the place setting.

Also, how do I remove the map on the page when user clicks on ‘add a listing’. Thank you!

August 7, 2017 at 6:38 am #390028

Kor
Moderator

Post count: 16516

Hi Qianyun,

Thanks for your reply. Could you please share the URL of the custom post so that I could provide you the custom CSS to remove the ‘title’ and ‘description’ ? Also, I’m not sure if I’m misunderstanding this, you need to have the “Map” in the “Add Listing” in order to add a listing, so it’s not recommended that you remove it.

Thanks!

August 10, 2017 at 7:47 am #390491

Qianyun Huang
Expired Member

Post count: 18

Hi, please see this link

http://www.rateadaycare.com/test/

How do I remove the session with the text ‘test’ and the background image (stars and moon)? If I can not remove this session, is there anyway to edit it? For example, change the size of the font and reduce the height of this session? If so, where do I go to edit it. Thank you!

August 10, 2017 at 11:37 pm #390618

Qianyun Huang
Expired Member

Post count: 18

Hi again, just to follow up on my last question. It appears that many pages (except those with design option in the Geodirectory plug) shows this top session. How do I edit it. Please see attached image.

August 11, 2017 at 8:39 am #390675
Kor
Moderator

Post count: 16516
Hi Qianyun,

Thanks for your reply. I’ve just checked that page and I know what you needed there. To remove the title and the “background image”, insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS.
```
.page-template .featured-area {
    display:none!important;
}
```
As for your second question. You can reduce the height of the container using the custom CSS code below.
```
.archive.author .featured-area {
    min-height: 100px!important;
}
```
August 12, 2017 at 6:29 am #390839

Qianyun Huang
Expired Member

Post count: 18

Thank you!

August 17, 2017 at 11:06 pm #391755

Qianyun Huang
Expired Member

Post count: 18

I have tried the script you gave me in the last post and worked perfectly.

I want to remove the background image OR change the height on other pages as well. I wanted to see if you have a list of what the pages call so I can custom your scrip by myself?

For example ‘.page-template’ or ‘.archive.author’ are the two page you customized for you. What would I call the other pages (listing preview, detail page for the place, and etc.)

Thank you!

.page-template .featured-area {
display:none!important;
}

.archive.author .featured-area {
min-height: 100px!important;
}
Author

Posts