Okay
  Public Ticket #810694
Text of below images
Closed

Comments

  •  26
    Sira started the conversation
    June 24, 2016 at 1:43pm

    Hi:

    I have set the portfolio to Visible titles.

    1. I would like to change the size of the text below the image (see attached). I've tried with this code, but it does not work:

    .portfolio-holder .product-box .info h3 {
    font-size: 12px !important;
    }

    2. I would like the hover area to be smaller (see attached)

    Thanks and best regards!

    Sira

  • [deleted] replied
    June 24, 2016 at 1:56pm

    Hi Sira,

    1— Can you please add the code below to Custom CSS

    .portfolio-holder .item-box .info h3 {
        font-size: 17px !important;
    }

    2— Custom CSS again:
    .portfolio-holder .item-box .photo .on-hover.distanced {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    bottom: 10px !important;
}
  •  26
    Sira replied
    June 24, 2016 at 2:16pm

    Thanks, Illy :-)

    If I want to make the hover área always the same size, I see that changing a Little bit your code like this:

    /*  tamano hover portfolio */
    .portfolio-holder .item-box .photo .on-hover.distanced {
        width: 100px !important;
        height: 100px !important;
        position: center !important;
    }

    it Works, but it's is not centered. It can be centered?

    Thanks again

    Sira

  • [deleted] replied
    June 24, 2016 at 2:19pm

    Hi Sira,

    Hmm you should add this code on thad div too.

    margin: auto !important;


  •  26
    Sira replied
    June 24, 2016 at 2:22pm

    Illy, you are a crack! :-)

  •   [deleted] replied privately
  •   Sira replied privately