Design

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

Open Support Ticket

Tagged: design

Author

Posts
November 29, 2017 at 1:56 pm #407411

tkh2015
Expired Member

Post count: 147

Hello,

I’m having problems with the design if you could help, thanks.

1. large image on homepage is not touching the black menu bar. It has a space between the image and the menu bar. How do I fix this?

2. Same problem on the CPT (main category pages, CPTs page) large image alignment and
3. The breadcrumb is above the image. I would like the breadcrumb below the image

4. Other home page issues: How do I remove the dropdown list under the “Popular Categories” title? How do I make the white block which lists all the popular categories – the same size as the black search section. It’s fine on the actually category/CPT page

5. In a custom type, category page, where many businesses are listed (for example where the “home content” is, there is a blank vertical space where there should be a description. The word limit – which is set at “50”, but I do not want any text there. I only want the image, the rating (stars), business name, ‘reviews,’ and the heart (favourite). How do I get rid of the vertical white space?

Thank you.

November 29, 2017 at 4:56 pm #407460
Kor
Moderator

Post count: 16516
Hi there,

Let me try to answer your questions accordingly.

#1 Looks like there is an empty paragraph tag as shown in the attached screenshot sc001 . It’s inside the text widget if I’m not wrong.

#2 This custom CSS should fix it and remove the paragraph too.
```
.geodir_full_page .geodir-widget:first-child {
    margin-top: 0px!important;
}
```
#3 That would require customization.

#4 Which one? Could you provide a screenshot?

#5 Use this custom CSS.
```
.geodir_category_list_view li.gridview_onethird {
    min-height: auto!important;
}
```
Thanks!
November 29, 2017 at 5:39 pm #407480

tkh2015
Expired Member

Post count: 147

Okay, thank you for your help.

How much do you think customization would cost?

attached is the image for #4

November 29, 2017 at 6:00 pm #407490

tkh2015
Expired Member

Post count: 147

This reply has been marked as private.

November 30, 2017 at 6:16 am #407581

Kor
Moderator

Post count: 16516

This reply has been marked as private.

November 30, 2017 at 3:44 pm #407636

tkh2015
Expired Member

Post count: 147

Hello,

Thank you. I got the image to align on the home page by “center aligning” the image.

Thanks for fixing the listings image size.

However, what’s the solution for number 4?

How do I remove the dropdown list under the “Popular Categories” title?

And this problem: How do I make the white block which lists all the popular categories – the same size as the black search section (currently is showing as wide as the image). The width is fine on the actually category/CPT page so I want this width setup on the homepage as well.

The “grid” is not showing up correctly – 3 in some rows and 2 listings in other rows on the same page.

December 1, 2017 at 7:09 am #407691
Kor
Moderator

Post count: 16516
Hi there,

Use this custom CSS to remove the dropdown list under the “Popular Categories” title.
```
select.geodir-cat-list-tax {
    display:none!important;
}
```
Could you tell me a little bit more about the below?

And this problem: How do I make the white block which lists all the popular categories – the same size as the black search section (currently is showing as wide as the image). The width is fine on the actually category/CPT page so I want this width setup on the homepage as well.

The “grid” is not showing up correctly – 3 in some rows and 2 listings in other rows on the same page.
December 1, 2017 at 3:16 pm #407777

tkh2015
Expired Member

Post count: 147

This reply has been marked as private.

December 1, 2017 at 3:37 pm #407784

Kor
Moderator

Post count: 16516

This reply has been marked as private.

December 1, 2017 at 3:49 pm #407787

tkh2015
Expired Member

Post count: 147

This reply has been marked as private.

December 1, 2017 at 4:13 pm #407790
Kor
Moderator

Post count: 16516
Hi there,

Let’s make some adjustments to the categories using the custom CSS code below. Replace with the previous custom CSS. I still don’t see any issues with the grid. Which browser are you testing with? Perhaps you can try clearing your browser cache.
```
.geodir_full_page .geodir-cat-list ul li {
    width: 300px!important;
    margin-right: 0px!important;
    margin-top: 10px!important;
}
```
December 1, 2017 at 4:28 pm #407795

tkh2015
Expired Member

Post count: 147

This reply has been marked as private.

December 1, 2017 at 5:56 pm #407811

Kor
Moderator

Post count: 16516

Hi there,

Just made the adjustments for you and I’ve temporarily switch “Off” the GD booster. Let’s keep the cache “Off” while we work on your site. Also, it looks great on Firefox too when I inspected it. Could you take another look?

Thanks!

December 2, 2017 at 4:47 pm #407946

tkh2015
Expired Member

Post count: 147

Thank you for your help, you’ve been great. I’m working through it now.

Ok, the grid seems to be working on Firefox as well.

It would be nice to have – if there was an image of the basic theme (homepage and a category page) showing the locations perhaps outlined in red, identifying what section is what in the widgets on the dashboard.

December 2, 2017 at 6:43 pm #407955

Alex Rollin
Moderator

Post count: 27815

Great, let us know if you run into more issues
Author

Posts