Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #2270149
modify styled gallery
Closed

Comments

  • Natalia started the conversation
    January 14, 2020 at 10:14am

    Hi!

    I would like to modify the styled gallery Mansory grid. I want to have the name of the photo on the gallery (for example leyenda: "poste hércules") on the top and the icons (camera and link) under the name. Could it be possible? Thanks in advance

  • Natalia replied
    January 14, 2020 at 10:23am

    Hi!

    I also want that the name and the icons would be smaller. Could it be possible?

    Thanks in advance

  •  4,774
    Michael replied
    January 14, 2020 at 10:41am

    HI!

    1) Unfortunately, for this you need to change the theme code.

    2) pls. use following css:

    body .gem-gallery-grid .fullwidth-block .gallery-itemm:not(.double-item) .overlay .title, body .gem-gallery-grid.columns-4 .gallery-item:not(.double-item) .overlay .title {
    font-size: 13px !important;
}
.columns-4.gem-gallery-grid .gallery-item .overlay a.icon:before {
    font-size: 19px !important;
}
    5110651633.png


  • Natalia replied
    January 14, 2020 at 10:59am

    Hi Michael!

    Do these changes affect the rest of the Mansory grid galleries?  I cannot see the changes.

    Thanks

  •  4,774
    Michael replied
    January 14, 2020 at 11:02am

    This code only works on this page. The font size is smaller than it was originally. You can reduce it even more.

    5699105127.png
  • Natalia replied
    January 14, 2020 at 11:06am

    Hi!

    Could we put the name above the icons? I want this design in the rest of the posts (postes) galleries in every product page where the posts are. Could it be possible with CSS code?

    Thanks in advance

  •  4,774
    Michael replied
    January 14, 2020 at 11:09am

    1) Without changing the theme code, this is not possible.

    2) Paste this code in the Theme Options.