Forum Replies Created

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter thpd1

    (@thpd1)

    I would need to do this separately for every gallery that I have, which seems tedious and unnecessary. And it would change depending on the screen size. This would also make the look of my site inconsistent. There has got to be some code for centering, and keeping the number of thumbs that I would like per column. I’m definitely glad we haven’t made the jump to buy the pro version of this yet.

    Does anyone else have any suggestions?

    Thread Starter thpd1

    (@thpd1)

    Thank you for your reply.

    I think that the omission is working, however I am still having problems with my columns and alignment being overridden.

    For example: http://c8.thpd.com/WP/residential/hoa-2
    This is set to be 3 columns, centered. However, when I add the additional CSS, it is left-aligning, and putting as many columns as it can fit.

    Thanks again for your help.

    Thread Starter thpd1

    (@thpd1)

    Here is an update on my progress:

    I have made additions to the Additional CSS in Elementor. If I use the code that you have above, my columns are ignored and it crowds as many thumbnails as possible until it needs to go to the next line. I have some pages that need 3 columns, some that need 4, etc. in order to look clean. This particular page should have 4. I have them specified here:
    [ngg src=”galleries” ids=”1″ display=”basic_thumbnail” number_of_columns=”4″]

    Here is a page with 3 columns for example: http://c8.thpd.com/WP/traditional-condos
    My 3 column definer is overridden. I cannot keep the layout at full width, and must adjust it to Boxed and mess with it until it looks right. But that is only specific to the screen that I am currently working with.

    On the plus side, I have had some success with spacing. I think that adding this code below will help me to adjust the spacing as I would like, but why can’t I keep 4 (or 3 etc.) thumbs on a line? Is there something I am missing where the thumbnails need to automatically shrink or grow in order to keep this order?

    I’ve been trying:
    .ngg-galleryoverview .ngg-gallery-thumbnail-box.ngg-4-columns {
    width: auto !important;
    float: none !important;
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 0px;
    box-shadow: 3px 3px 3px #888888;
    }

    But I need to do this for each gallery type (i.e. ngg-3-columns).

    So, at least there is some progress! I hope that you can help with the column issue. Thank you!

    Thread Starter thpd1

    (@thpd1)

    Thank you for your reply. To where do I add that code, because I have tried to add it to the CSS code under NextGEN–>Other Options–>Styles, and I do not see any changes.

    I would like to be able to control the padding between the thumbnails with specific spacing. Is there code to be able to do that?

    Thank you!

    Thread Starter thpd1

    (@thpd1)

    I added the drop shadow because I need to move on with getting this job completed. This was never a problem. I would still like to be able to work with the Shape Divider, which I am still not able to add underneath just the Image Box. Or, I would like to be able to control its width so that it does not go across the whole page but can be contained under the Image Box.

    Thank you.

    Thread Starter thpd1

    (@thpd1)

    Thank you for your response. The problem is that I am using a Shape Divider in the top section, and it is only an option available under “Edit Section”. It is not available as a drop-in widget that I see, and it is no longer an option if I switch to “Edit Image Box”. If I add a Divider like I have in the lower portions, there are only 4 available options: Solid, Double, Dotted and Dashed. I want to use one of the more interesting and varied shapes to make a dividing line.

Viewing 6 replies - 1 through 6 (of 6 total)