Border around masonry + title underneath thumbnail

Hey!

I added following code to bottom of Quick CSS field

.grid-content {
    text-align: center;
    border-top: 1px solid #e2e2e2 !important; 
}
.grid-content .avia-arrow {
    display: none;
}
.grid-entry {
    padding-right: 10px;
}

and used Portfolio Grid element instead on this private test page. Please review the page

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.grid-entry-title {
    font-size: 16px;
}

You can try using a linked image element and link it to your portfolio post and add titles below using text block element. Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ to give your elements custom CSS classes to target them separately for the changes you would like to apply

Best regards,
Yigit

Hi,

1- As i mentioned above, you can add following code to Quick CSS in Enfold theme options under General Styling tab

.grid-entry-title {
    font-size: 16px;
}

If this is not what you meant, please post a screenshot and show the changes you would like to make.

2- We would be glad to help you with this customization, but at the moment there is no easy way to do this by using a small custom code snippet, so I am afraid its out of the scope of our support.

But please feel free to request such feature at our feature request system: https://kriesi.at/support/enfold-feature-requests/

This system allows us to keep track of user suggestions and lets you vote on the feature you would like to see the most. I am afraid though there is no guarantee that a feature will get implemented. If that’s something you really need you can always try to hire a developer for the task :)

Best regards,
Yigit

Hi,

Oh sorry. Not sure why i kept reading titles :)

Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the portfolio_small image size (increase its width / height).
4. Regenerate the thumbnails by clicking the button at the bottom.

Best regards,
Yigit

Hi,

I edited your columns and gave them a custom CSS class “custom-column” and then added following code to Quick CSS

.custom-column .avia-image-container { margin-bottom: 0; }
.custom-column .hr-custom .hr-inner {
    bottom: 13px;
}

Please review your website

Best regards,
Yigit

Hi,

Could you please post a screenshot and show the changes you would like to make? I am not quite sure where you would like to add borders. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

Best regards,
Yigit

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.av-image-caption-overlay, .av-image-caption-overlay * {
    border-radius: 2px!important;
}

Best regards,
Yigit