Hello

I'm looking to change my homepage by utilizing the negative space by adding some text since I have an odd amount of projects. The link to my site has the current layout and I have attached a picture of a rough idea of what I am trying to accomplish instead.

I am pretty sure would have to inject custom code so would appreciate some help on this as I am a novice when it comes to coding.

Thanks!

Hello,

Can you add the link of your site so I can have a look at the current state?

www.aksomaiah.com. Thanks!

@aksoma15, something like this?

If you want this look only on the homepage add the below code in Page settings -> Advanced > Code injection
 

<style>
.portfolio-text {
    opacity : 1!important;
    padding-top : 5px!important;
    position : static!important;
}
</style>

If you want it on all such components through the site add the below code in Custom CSS
 

.portfolio-text {
    opacity : 1!important;
    padding-top : 5px!important;
    position : static!important;
}

@sorca_marian No I don't need the titles underneath the images of the portfolio. I want to add text to the negative space to the top left of the grid to create a perfect looking grid. Please see the screenshot mockup for reference. Thanks!

You want the text to fill the entire space on mouse hover?
If you add the text from the control panel it should behave like that

@sorca_marian I would like the text to fill the entire space but not appear only on mouse hover actually. I want the text to appear in the negative space of the top right of the grid when opening the site, same as my header text. the challenge reaaranging the grid to my specifications and adding the text to the negative space as specified in my screenshot.

@tuanphan thank you for your help we are starting to get on the right track.

I am looking to make another page with the same portfolio layout but the code-injected text from this page is showing up there as well and I would like that page to behave independently. Any idea how to do this?

site password: aksomaiah

On 5/28/2024 at 6:34 AM, aksoma15 said:

@tuanphan thank you for your help we are starting to get on the right track.

I am looking to make another page with the same portfolio layout but the code-injected text from this page is showing up there as well and I would like that page to behave independently. Any idea how to do this?

site password: aksomaiah

You can move code to Page Header Code Injection.