Portfolio: Change "All" tab with CSS?

Ask the Community Customization
1

How can I customize the “All” tab with CSS - is this possible?
I’d like it to be in all capital letters - “ALL”
Also, is there a way to center the category tabs, in mobile view they align to the left.

1 Like
2

You can use this CSS code

div.eapp-portfolio-project-list-categories-component>div:first-child {
    text-transform: uppercase;
}
@media screen and (max-width:767px) {
  .eapp-portfolio-project-list-categories-component {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}  
}

image
image914×557 34.9 KB

3

Hi @Angelo :wave:

We are so glad that you’ve decided to join us! Welcome :tada:

Please add the code provided by @tuanphan to the Custom CSS field on the Style tab of your widget settings and let me know if it helped :slightly_smiling_face:

4

This worked perfectly! Thank you so much!! You’re amazing!

1 Like
5

The code worked great!
Would be so good if Elfsight implemented this as a standard customization option, as well as other font options, etc for the category tabs. It’s such a powerful widget but really lacks in its best function… category tabs.

1 Like
6

Hi @Angelo :wave:

Happy to hear that you are good now!

I agree that more customization options would enhance our widget, and we have such a request in our Wishlist.

Please vote for this feature to get a notification upon its release :slightly_smiling_face: