Okay
  Public Ticket #2039069
size of title inside in mansonry layout
Closed

Comments

  •  6
    ArquitectosdeCabecera started the conversation

    Hi again!

    I would like to know if it is possible to decide the exact size of the color square (in my case red) that appears with the title inside option in the mansonry layout on top of the portfolio item. 

    I would like to give that square a  size determined by me. (much more smaller than the square of the portfolio item) 

    also it could be great an easy way of changing the colour of this square and size of the title text inside it :)


    Thanks!!!!

    {"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  •  1,559
    Laborator replied

    Hi ArquitectosdeCabecera,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   ArquitectosdeCabecera replied privately
  • [deleted] replied

    Hi,

    You can modify that area with CSS and apply CSS codes to your Custom CSS area. An example for this:

    #portfolio-1.portfolio-holder .item-box .thumb .hover-state {
        background-color: #ff0000 !important;
        width: 200px;
        height: 200px;
        margin-top: 10%;
        margin: auto;
    }

    Note: I can see on your System Status page that some of your PHP limits are lower than Wordpress and modern themes require.

    medium
    (view on a new page)

    For more info please carefully read this article WordPress and Kalium Server Requirements, and on this page you can find a sample email that you can send to your hosting provider too.

    P.S: You are using an old version of our theme 2.7.6, the latest version for the moment is 2.9 (read release notes), please update your theme first and then the premium plugins too.

    Thanks!

  •  6
    ArquitectosdeCabecera replied

    thank you Ylli !

    You are helping a lot.

    Thank you also for the note and P.S. I will check them.

    As you can see I am a newcomer in  web editing  and your comments are being really helpfull.

  • [deleted] replied

    I'm happy that everything is working as it should nowsmile.png

    Have a nice day!

    Will set this ticket as solved from here.

  •  6
    ArquitectosdeCabecera replied

    sorry!

    I have detected an issue just now related with this ticket. Hope is working still.


    I have set up this CSS code to have the size and position i want. And it works

    (see the first  pic)

    #portfolio-1.portfolio-holder .item-box .thumb .hover-state {
        background-color: #ff0000;
        width: 320px;
        height: 320px;
        margin-top: 5%;
        margin-right: 5%;
        margin-left: 5%;

    }

    But its does not update the size automatically when the window make smallers, or when you check it from the mobile .... like in the second picture. 

    Any way Can I resolve this?


  • [deleted] replied

    Hi,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time thoughsmile.png

    Maybe you can use percentage instead of pixels. Example: width: 82%; height: 56%; or something like that.

    Thanks!

  •  6
    ArquitectosdeCabecera replied

    oh Ylli !

    thank you again for the help !

    and you gave me the exact percentage in the example ;)

    just what i needed it 


    Gracias majo !

    Ignacio

  • [deleted] replied

    Yep that is correct, happy to hear that Ignaciosmile.png

    Have a noce day!