Tagged: Brightbox, enfold, Portfolio, responsive
Since Brightbox will not have a responsive version (which is an error), I must change that template to Enfold, adapting the contents.
Question: How must I do to achieve, using Enfold, a portfolio similar to https://kriesi.at/themes/brightbox/portfolio-3-columns/, where the caption title and caption description layer is superimposed on each image, and where each item has certain pixels of separation?
Thank you
Hey miramontes,
You can do that with the portfolio grid: https://kriesi.at/themes/enfold/portfolio/portfolio-2-column/
Best regards,
Rikard
And what modifications of css should I use to get the same look of caption (with overlay) and padding as in the current page?
Hi,
You can try this css code to change the caption styling:
#top #wrap_all .grid-content {
margin-top: -54px;
background: rgba(0,0,0,0.5) !important;
}
#top #wrap_all .grid-content .avia-arrow{
display: none;
}
#top #wrap_all .grid-content .entry-content-header {
color: #ffffff;
background: transparent !important;
}
and this code to add a padding:
#top #wrap_all .isotope-item {
padding: 0 10px 10px 0;
}
Best regards,
Peter