Support ForumMake space between portfolio cubes – Support Forum

Make space between portfolio cubes

milosholaya — Tue, 16 Dec 2014 09:55:10 +0000

Hi,

I wanted to make some 5px-10px space between the portfolio cubes, and I tried using this code in my child theme style:

.ish-p-col{
	margin: 0 5px 5px 0;
}

.ish-p-col{

margin: 0 5px 5px 0;

}

And I did get that spacing, but the portfolio cube items got stretched by a margin that much that I lost the 3rd column (For Portfolio I use Columns Count: 3), and everything went into 2 columns.

Is there something I can do with portfolio cubes (ish-p-col) or the container (ish-p-items-container) to keep the 3 columns and spacing?

Regards,
Milosh

Reply To: Make space between portfolio cubes

milosholaya — Tue, 16 Dec 2014 17:28:25 +0000

Solved it!

Edited some portfolio cubes width via Custom CSS:

.ish-sc_portfolio[data-count="3"] .ish-p-col {
    width: 32.58%;
}

@media only screen and (max-width: 1024px) {
.ish-sc_portfolio[data-count="3"] .ish-p-col {
    width: 48.94% !important;
	}
}

@media only screen and (max-width: 600px) {
.ish-sc_portfolio[data-count="3"] .ish-p-col {
    width: 99.99% !important;
	}
}

.ish-sc_portfolio[data-count="3"] .ish-p-col {

width: 32.58%;

}

@media only screen and (max-width: 1024px) {

.ish-sc_portfolio[data-count="3"] .ish-p-col {

width: 48.94% !important;

}

@media only screen and (max-width: 600px) {

.ish-sc_portfolio[data-count="3"] .ish-p-col {

width: 99.99% !important;

}

Reply To: Make space between portfolio cubes

IshYoBoy — Wed, 17 Dec 2014 07:12:33 +0000

Hey Milosh,

Perfect! Thank you for sharing as this might help other users as well.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market