Styling of the Filters link in the Portfolio section

[Dindoop]

Hi,

How can I change the styling of the filters in the Portfolios section. I wanted a similar style of the pagination buttons. This keeps the design consistent.

Cheers
Dinoop

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Please test this and update the color codes to your required.

.post-filter-tabs li a {
    display: block;
    padding: 0 15px;
    border: 1px solid #ccc;
}
.post-filter-tabs li a:hover, .post-filter-tabs li.selected a {
    border: 1px solid #26d798!important;
    color: #fff;
    background-color: #26d798;
}

Thanks.

[Dindoop]

Hi David,

Wow!!! This definitely helped. Tweaking it a lil more, Can you help me tweak it to how its on http://dante.swiftideas.com/portfolio-full-width-masonry-gallery/ and ‘center’ the tabs to the page?

Thanks
Dinoop

[Dindoop]

Hi,

Attaching images for more clarity.

Thanks
Dinoop

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Can you add a WP login for me? Will be easier that way.

Thanks.

[Dindoop]

I David,

How do I do that? It it safe to post it on a public forum?

I had taken references from

ACCIO http://accio.webtemplatemasters.com/
DANTE http://dante.swiftideas.com/portfolio-full-width-masonry/

Regards
Dinoop

[David Martin – Support]

Sure, click the button “Set as private reply”.

Thanks.

[Dindoop]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

That password isn’t working, please check

– Kyle

[Dindoop]

This reply has been marked as private.

[Kyle – SUPPORT]

Which page can I find the filters on?

– Kyle

[Dindoop]

Hi Kyle,

Thank you for helping out. The filters can be found on the Home page.

Regards
Dinoop

[Kyle – SUPPORT]

.filter-wrap {
  float: none;
  text-align: center;
}

– Kyle

[Dindoop]

Thank you Kyle,

How can I bridge the gap between the tabs and have a rounded corner just like the the images attached earlier?

Regards
Dinoop

[Kyle – SUPPORT]

Add this

.post-filter-tabs li.all, .post-filter-tabs li.has-items {
  display: block;
  float: left;
  margin-left: -1px;
}
.portfolio-wrap .filter-wrap {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

– Kyle