Remove Excess Padding & Sort By Filter

Resolved hodgespodges
(@hodgespodges)

9 years, 5 months ago

Hi guys,

Thanks for the great plugin.

1) In the sidebar, I’d like to reduce the white space between the Category Title and the categories checkboxes, between the Sub-Category title and the sub-categories checkboxes, and between the Custom Field Title and the custom fields checkboxes.

2) I’d also like to reduce the padding/margin at the top of the catalogue. I’ve removed the layout bar which leaves a lot of white space above the first category title in the catalogue and the top of the page.

3) I’d also like to remove the ‘Sort By’ Price filter box from some catalogue pages.

4) Is it also possible to remove the icons to choose the product catalogue layout entirely from the page?

Many thanks,

Simon

Viewing 3 replies - 1 through 3 (of 3 total)

etoilewebdesign
(@etoilewebdesign)

9 years, 5 months ago
Hi Simon,

1) There should only be a maximum of 20px separation between the heading and the checkbox options. You could try the following custom CSS to remove that:
```
.prod-cat-sidebar-cat-title {
margin-bottom: 0;
}
.prod-cat-sidebar-cat-title {
margin-top: 0;
}
```
If there’s still too much of a buffer, then it means your theme is probably applying some extra styling to the h3. We’d need a link to your catalogue to see this.

2) Please send us a link to your catalogue, so we can have a look at this and maybe suggest some custom CSS that would help reduce this white space.

3) You can’t remove it from only some pages. If you’re using the premium version, then, in the “Premium” area of the “Options” tab, you can set the “Product Sorting” option to “None” to remove it from all pages.

4) This isn’t what you already did in your point #2? You can remove the tabs at the top with the following custom CSS:
```
.prod-cat-header-div {
display: none;
}
```
Thread Starter hodgespodges
(@hodgespodges)

9 years, 5 months ago

Hi guys,

Thanks a million for getting back to me.
1) Perfect, so what worked for me was the following:
.prod-cat-sidebar-cat-title {
margin-bottom: -20px;
}
.prod-cat-sidebar-cat-title {
margin-top: 10px;
}

It’s distributed a lot nicer now in my opinion!

2) Great – it’s https://www.pledgenotes.com/sellers/

3) That works fine thanks.

4) Sorry, what I previously used was:
.grey-prod-cat-header-div {display: none !important;}
as mentioned in your FAQs.

Thanks very much for your help on this.
I look forward to hearing your thoughts about the padding at the top of the page!
I’m going to open a new thread with a question about category labels.

Many thanks,

Simon
etoilewebdesign
(@etoilewebdesign)

9 years, 5 months ago
Hi Simon,

I just had a look at the URL you provided and it looks like the majority of that padding is created by your theme’s container. I do see that the main catalog area on the right shows a little lower than the sidebar on the left. You should be able to correct this with something like:
```
.prod-cat-category:first-of-type {
margin-top: -30px;
}
```

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove Excess Padding & Sort By Filter’ is closed to new replies.

Tags