Issues with Ethos Portfolio

[Greil]

Hey there. I am using Ethos #3.
I need to remove the “Filter by Category” on the Portfolio page. How can I do this?
I like to increase the fontsize of every portfolio item on the portfolio page - how?
I chose 2 items in a row - how can i decrease the size of the items?
Single portfolio page: There is this Breadcrumb with the name of the item on top. Where can I change the font color and/or the backround color?
Thanks for answering, Kathi

[ruenel]

Hello There,

Thanks for writing in!

1.) You can remove the “Filter by Category” on the Portfolio page by disabling the filter. Please edit your Portfolio and find the Portfolio Settings > Disable Filtering. Turning off the portfolio filters will remove the ability to sort portfolio items by category. For more details, please check this: https://theme.co/apex/forum/t/features-portfolios/98

2.) To increase the font size of the portfolio item titles in the portfolio page, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-template-template-layout-portfolio .h-entry-cover {
    font-size: 20px;
}

3.) By default, you can have one or up to four columns to display the portfolio items. The width of the columns could be 100%, 50%, 33% or 25% of the entire width of the portfolio page section. If you just want two columns yet would like to have a smaller widths, you can make use of this custom css:

.page-template-template-layout-portfolio .x-main {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

Screenshot

4.) The colors of the breadcrumbs is dependent of your site links color. You can change the site links in the X > Theme Options > Typography > Site Links. Feel free to change color links and link hover colors.

And if ever you want to have a different background color, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r) instead:

.x-breadcrumb-wrap {
    background-color: red;
}

.x-breadcrumb-wrap .x-breadcrumbs a, 
.x-breadcrumb-wrap .x-breadcrumbs span {
    color: white;
}

.x-breadcrumb-wrap .x-breadcrumbs a:hover {
    color: yellow;
}

Feel free to change the colors because I’ve used different colors to highlight the changes.

[Greil]

Thanks a lot for the fast answer!!
Everything worked great - except the breadcrumb color. Even your CSS doesn´t change anything. But I deleted it now with:
.x-header-landmark {
display: none;
}
That´s ok as well.

[paul.r]

Hi,

Glad to know you were able to figure it out.

Have a nice day!