priyap2496

Site URL: https://www.priyajpatel.com/ Hi everyone. I am having some trouble trying to horizontally center align pictures and texts within my sections & blocks. There are a few things I am looking to fix, and am wondering if they can be solved by just some code. Throughout my work pages in my portfolio I have different sections highlighting certain things, but they won't center align horizontally. I tried adding a spacer but it isn't very responsive for smaller screens, since they would just make the text and image off center. I am having the same issue with larger sections too, where I have two different sets of images and texts that I want aligned. I am not sure if I can do the same thing with this since there are so many things in one section, but I don't want to have to put them into 2 different sections since they are about the same thing.

Site URL: https://www.priyajpatel.com/ I have added very basic code under Design>Custom CSS to add a font and apply it to h1, h2, and h3. The fonts are changed everywhere except one section on my "work" page, which uses a Portfolio Grid Overlay. There are three photos across with titles in each one which disappear when you mouse over them. Can someone help me change them, currently the code under Custom CSS looks like this: @font-face { font-family: 'Mollie Glaston'; src: url('https://static1.squarespace.com/static/60d3946c9969382aefcf70d6/t/60d398a234d3b1046a45fe5e/1624479906459/Mollie+Glaston.ttf'); } h3 {font-family: 'Mollie Glaston';} h1 {font-family: 'Mollie Glaston';} h2 {font-family: 'Mollie Glaston';} h4 {font-family: 'Mollie Glaston';} .image-title p { font-family: 'Mollie Glaston' !important; }