Project Gallery

Shapely
1

Hi there!

I am currently using Shapely for my wedding website, though I’m not very pleased on how my portfolio gallery looks like (http://weddings.gunvorejakobsen.no/portfolio). I’ve attached a photo of how I would like it to look. Is this possible using Shapely?

Thanks.

2

Hi @gunvoreline,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.post-type-archive-jetpack-portfolio #page #main article {
    position: static !important;
    width: 30.33%;
    margin: 40px 15px;
}
.post-type-archive-jetpack-portfolio nav.navigation.posts-navigation.masonry-brick {
    clear: both;
    margin-top: 50px;
    float: left;
    width: 300px;
}

.post-type-archive-jetpack-portfolio #page .title {
    opacity: 1;
    top: 107%;
    transform: none;
} 
.post-type-archive-jetpack-portfolio #page .title * {
    color: #000;
}
.post-type-archive-jetpack-portfolio .project .image-tile {
    overflow: visible;
}

.post-type-archive-jetpack-portfolio #page .inner-title.hover-reveal:hover .title {
    transform: none;
    top: 107%;
}
.post-type-archive-jetpack-portfolio .inner-title.hover-reveal:before {
    display: none;
}

One blank space is displaying on your portfolio page because you have not set featured image to portfolio post having ID 2135

Best Regards,
Movin

3

Hi,

Thanks for getting back to me.

This only makes the title go underneath the photos. Is it possible to make more space between the photos/projects?

Thanks.

4
This only makes the title go underneath the photos.

I think you either didn’t use the shared code properly or didn’t see the result properly. It also adds spaces between the images and adds only three images per row as shown in the attached screenshot.

Is it possible to make more space between the photos/projects?

Yes just change the margin values in the above shared CSS code.

5

Thank you!! It worked :slight_smile:

How can I do the same thing for my wedding portfolio (http://weddings.gunvorejakobsen.no/project-type/bryllup/) and couples portfolio (http://weddings.gunvorejakobsen.no/project-type/parfoto/)?

6

Also, sorry for all the questions…

I would like my three recent posts to show in a widget on my home page. I really like the setup with the portfolio, how the title comes when you hoover over the photo. However, would it be possible to set three recent posts next to each other with space in betweeen, similar to to screen shot attached?

I’m really struggling to understand how to find the right code for this and really appreciate your help.

Many thanks.

7

You are most welcome here :slight_smile:

To help us keep support thread separates could you please create new thread for each of your other questions here https://colorlibsupport.com/c/shapely/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.