Docs

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-portfolio-filters, .x-portfolio-filter {
   font-size:25px;
}

@media (min-width: 1200px) {
.x-iso-container.cols-4>.hentry {
    width: 24.95% !important;
}
}

Change 25px and 24.95% to achieve your desired size.

Hope that helps.

[owaves]

The styling for the categories worked thanks! However when I increase the image size past 24.95%, the images break into three columns instead of four. I really would like to keep them in four rows. Thanks for the help!

edit: I was able to remove some padding and that seemed to help but is it possible to get bigger than what it is without it breaking into three?

[owaves]

Hello I also have post-3147 that I need this css to apply to but I can’t seem to override the in-line style. I need the last images that don’t fit four in a row to be centered. I tried the css below but the in-line style is overriding, thanks!

   article#post-3147 {
       position: relative;
       left: 50%;
   }

[Rue Nel]

Hello There,

Thanks for the updates!

You can only have a width of up to 25% because to have a four columns, you can have at least less than 100% for the total width of your columns. This is why as you go beyond 24.95% it will no longer be 4 columns. A few % were reserved for the gap between the columns.

You can only override inline styles by adding a !important to your code. So you can make sue of this code:

article#post-3147 {
       position: relative !important;
       left: 50% !important;
   }

Hope this helps.

[owaves]

Awesome, as always. That makes sense, thanks for the help!

[Nabeel A]

Glad we could help.

Cheers!

[Author]

Posts