Okay
  Public Ticket #1226016
Theme
Closed

Comments

  •  1
    jguillenart started the conversation

    Hi, there are two important things I would like to know.

    The first one, I would like to know how I could do so that in the portfolio elements, below where the photographs appear, they only come in one column and one under another, I need to know how to make the photographs appear in more columns than one, It would be perfect to be able to put three columns.

    The second question, the theme comes with built-in fancybox but it's an old version, I'd like to upgrade to version 3 of fancybox.

    Http://fancyapps.com/fancybox/3/
    I would like to know how to update it and make it work with my gallery just like the version that brings the theme.

    I didn't find any information about this in the documentation  and I think it is very important.


    And that's all for now, thanks in advance.

  •  291
    Paul replied

    Hi there!

    Regarding your questions, both of them are about the customization which you would normally need to manually customize the theme code in order to change the default behavior of the theme. And the customization is normally beyond our general support which only covers the default theme usage.

    However, for the first one, you can try using custom CSS to adjust that. You might try something like this:

    .image-wrapper {
        display: inline-block;
        margin-right: 3%;
        width: 30%;
        vertical-align: top;
    }
    .image-wrapper a {
        display: block;
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .image-wrapper img {
        position: absolute;
        top: -100%;
        bottom: -100%;
        left: -100%;
        right: -100%;
        margin: auto;
    }
    

    You can apply the code by going to "Appearance > Customize > Additional CSS".

    If you would also like to use custom CSS for other elements, I recommend Developer Tools on Chrome or Firebug on Firefox to inspect the elements on the page. Then you will know which CSS selector to adjust.

    More info: https://uxbarn.com/inspecting-elements-developer-tools/


    For the Fancybox, there is no option for that out of the box. You would need to manually customize the theme code and Fancybox-related files in the theme to use another version.

    Regards,
    Paul