Topic: Gap size between projects in Standard Grid Portfolio « SeaTheme

This topic has 7 replies, 2 voices, and was last updated 9 years, 1 month ago by SeaTheme.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
April 22, 2017 at 12:30 pm #12646

petergala
Participant

Purchased
Expired

Hi,

on my website http://petergala.sk/autorske-projekty/ there is quite big gap between individual lines (rows) of products. How and where can I set up this space? It is probably not possible in the CSS. Is it a part of some JS?

Thanks for your help.

WordPress Customization Service from $49 Only! Save your expensive time!

April 22, 2017 at 1:56 pm #12649

SeaTheme
Keymaster

Purchased
Expired

Hi,

There is the 3 value(None, Narrow and normal) for spacer. If you want to change as another size. Except the css value. The data-spacer='' should be changed in line 70 > /template/page/content-blog.php

Cheers!

Bwsm

WordPress Customization Service from $49 Only! Save your expensive time!

April 22, 2017 at 8:55 pm #12651

petergala
Participant

Purchased
Expired

Hi, I know about the possibility through CMS, but I mean horizontal gaps (not vertical). The space between the property of first (or second) product and the image of third (or fourth) product.

WordPress Customization Service from $49 Only! Save your expensive time!

April 23, 2017 at 12:53 pm #12655
SeaTheme
Keymaster

Purchased
Expired
Hi,

Did you talk the horizontal gaps?

please try to use the custom css:
```
.page-id-1219 .ux-portfolio-spacing-40 .masonry-list {
    margin: -20px -40px!important;
}
.page-id-1219 .ux-portfolio-spacing-40 .masonry-list:not(.masonry-grid) .grid-item-inside {
    margin: 20px 40px;
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

April 23, 2017 at 8:43 pm #12659

petergala
Participant

Purchased
Expired

Hi,
yes, I meant horizontal gaps (see my screenshot). Your code looks working not so much properly. Isn’t the solution in changing the value in HTML? I don’t know the way, how is generated the value of position of elements by loading.

WordPress Customization Service from $49 Only! Save your expensive time!

April 24, 2017 at 4:10 am #12660

SeaTheme
Keymaster

Purchased
Expired

yes, I meant horizontal gaps (see my screenshot). Your code looks working not so much properly. Isn’t the solution in changing the value in HTML? I don’t know the way, how is generated the value of position of elements by loading.

There is not the easy solution the change inline css within HTML, it is exported by Js code.
You should use the custom css to set the width(the default value is 20px)
.grid-item-con-text-tit-shown { margin-bottom: 20px; }

WordPress Customization Service from $49 Only! Save your expensive time!

April 24, 2017 at 7:02 am #12665

petergala
Participant

Purchased
Expired

Can you show me, where to find the spot of code in JS, which generates the CSS value? I know, it will be overwritten by updateing the theme, but i keep my own changelog of such a parts of code, which I’ve changed.

WordPress Customization Service from $49 Only! Save your expensive time!

April 24, 2017 at 7:36 am #12666

SeaTheme
Keymaster

Purchased
Expired

Sure, the css is from Isotope PACKAGED v3.0.1 in js/main.js

I don’t suggest you change it, it is not worth. just to change the gap? The custom css doesn’t work?

WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.