Portfolio grid options

Hello again,
I have a few questions to ask.

  1. The images are cropped. I want to see the full in each portfolio images.
  2. I want to reduce the space between the image and the description part
  3. I want to reduce the space between the code and the name of the element.

I made a search about it but couldn’t find the best result. I also tried many things in post grid options and grid builder options. Bu I couldn’t fix.

Thank your for your patience and support.

Hi Ege,

Thank you for writing in, I check the site that is on you account and its UNDER CONSTRUCTION mode. Please provide us login credentials in a secure note so we can take a closer look.

Cheers!

You can find the secure note now.
Thank you

Hello @egeislekel,

Thanks for updating in!

1.) To see the full images, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.vc_grid-item .vc_gitem-zone {
    background-size: contain;
}

2.) & 3.) You can make use of this code:

.vc_custom_heading h4{
    margin-top: 0;
}

.vc_custom_heading h4,
.vc_custom_heading {
    margin-bottom: 0;
} 

We would loved to know if this has work for you. Thank you.

1 Like

it works fine thank you but It didnt work with the other menu called Giocattolli.
I was thinking that it would be the same also for the other because the only difference between the 2 portfolio items are the categories.

The 1st code worked for bambole and also giocattolli.

Hello @egeislekel,

Please have this code updated and use this:

.vc_grid-item .vc_gitem-zone {
    background-size: contain;
    max-height: 180px;
    overflow: hidden;
} 

Kindly let us know how it goes.

1 Like

Thank you for your patience and fast support.

You are most welcome!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.