maguisiffredi

@Ziggy Perfect! Works like a charm 🙂

Just out of curiosity, how do you get the ID number? Just in case I make another project with this module, I can add it to this code. 

Thanks very much!

On 12/8/2023 at 9:57 PM, Ziggy said:

Yes, where do you want to apply it? All pages in that project?

Hey there! I want to apply it to the following projects: 
https://www.maguisiffredi.com/illustration/marypoppins
https://www.maguisiffredi.com/illustration/shein
Thanks!!

Thanks for your answer @Ziggy. I tried it and it worked 🙂 But as you said, it applies to all projects, and I just want to apply it to certain projects where I use this design. Is it possible to target this to a project in particular? 

Thanks very much!

Hi,

I created this project: https://www.maguisiffredi.com/illustration/marypoppins but when it displays on mobile, it places two images above and then one below, leaving a "hole" in the design (see the screenshot attached). I want the three images to remain on one line, or, if not possible one image below the other. 
Thanks!

On 8/29/2021 at 10:36 PM, tuanphan said:

Hi,

Do you still need help on this? We can use some code to hide these draft from showing on live site.

Yes!

I still need help with this issue 🙂 Can you share the code with me please @tuanphan

Thanks!!

12 hours ago, tuanphan said:

Add to Design > Custom CSS

figure.gallery-grid-item {
    position: relative;
}
.gallery-caption {
    position: static;
}
/* title */
figcaption.gallery-caption .gallery-caption-wrapper p.gallery-caption-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    padding: 7%;
    transition: opacity ease 200ms !important;
    opacity: 0 !important;
pointer-events: none;
    color: white;
}
.gallery-grid-item:hover .gallery-caption-wrapper p.gallery-caption-content {
    opacity: 1 !important;
}
/* overlay */
.gallery-grid-item-wrapper a:after {
    background: hsla(234.1714285714286, 79.18552036199094%, 56.666666666666664%, 1); /* overlay color */
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity ease 200ms !important;
}
.gallery-grid-item:hover .gallery-grid-item-wrapper a:after {
    opacity: 0.75;
}
/* remove gap */
figcaption {
    padding: 0 !important;
}

 

Thanks a lot!!! It works!

You can take a look: 

https://www.maguisiffredi.com/design

Just three more small details: 

- When you watch it on mobile, the text justifies to the left and isn't responsive (it remains too big for mobile). Is it possible to fix it?

- And also on desktop, I have three columns, when it adapts to mobile, it splits into two columns, but I would like it to have only one column, is that possible?

- I don't know if it's too much of a mess, but it would be awesome if I could have a title and a small subtitle with the year (like I have it on the illustration section). But I guess I'm maybe asking for a lot. 

Thanks again!!!! It's starting to look great!

On 9/11/2022 at 11:22 AM, tuanphan said:

You can change to Gallery Section - Layout: Grid Simple, add caption

Then we will give code to achieve hover effect in current Portfolio Page

 

You mean like this?

https://www.maguisiffredi.com/

I created a page called "Design" and on the first project I linked it to another project where you would see it (for now it only says "coming soon").

Do you think this could work? If so, can you send me the code for the hover, so that it looks exactly like on the "illustration" page?

Thanks!

7 hours ago, tuanphan said:

Screenshot for? What step are you having problems with?

all of it haha I mean, I can create a page and I choose the gallery layout and I get this:

I don't know what you mean with Gallery Block, Summary Block, List Section... I don't get how this can be similar to the portfolio page...

Thanks! 

18 hours ago, tuanphan said:

Not possible to add 2 portfolio pages on single page

You can consider adding a standard page, then use Gallery Section, Gallery Block, Summary Block, List Section to replace portfolio list page layouts, thus you can add any portfolio to that standard page

I don't follow, sorry :S 

Can you share a screenshot? Thanks!

Site URL: https://www.maguisiffredi.com/

Hi! I want to add a second section to my portfolio, just like the "Illustration" one, but called "design" to include my graphic design projects. Is that possible?

Thanks!!

On 8/20/2022 at 12:27 PM, tuanphan said:

You mean add a child item under Illustration?

Hi!

No, not a child, I want another section that has the same hierarchy as the "Illustration" one, and that can nest several subpages. Is that possible? Thanks!

Hi!

I have the same doubt, but maybe they created a new feature. 

This is my website: https://www.maguisiffredi.com/

I want to add another item on the navigation for my design work, is that possible?

On 4/11/2022 at 2:02 AM, tuanphan said:

See #2 code

/* Add subtitle */
h3.portfolio-title:after {
    font-size: 20px;
    color: white;
    display: block;
}
a.grid-item[href="/work/sustainability"] h3:after {
    content: "subtitle 01";
}
a.grid-item[href="/work/colvin-characters"] h3:after {
    content: "subtitle 01";
}

 

Works like a charm!! a million thanks!

Yes! It's https://hawk-marigold-fj5c.squarespace.com/

Pass: portfolio2022

Hi!

Does anyone know if it is possible to add a subtitle to the title that appears when you hover over a project on a portfolio page? 
I would like to get a result like this, where you haver a bigger title, and a smaller subtitle/ description. 

Thanks!!