Reduce size of heading and product images

Website link: https://www.viewagency.co.uk/

Password: testview

I'm trying to reduce the heading size on the social media packages and email marketing packages page so it doesn't take up so much room. With reducing the size, it like it to be a little bit closer to the navigation too.

I'd also like to reduce the size of the images, they look too big at the moment and with the planned reduction of the heading, I think these as well will need a reduction. Again, with the reduction, I'd like to move them up closer to the top of the page so it looks a bit more compact.

Ideally, trying to made it so I can customise the sizes and heights if possible!

Thanks in advance!

You can add this code to Website Tools (under Not Linked) > Custom CSS

figure.grid-image {
    width: 30% !important;
    margin: 0 auto !important;
}

12 hours ago, tuanphan said:

You can add this code to Website Tools (under Not Linked) > Custom CSS

figure.grid-image {
    width: 30% !important;
    margin: 0 auto !important;
}

Thank you @tuanphan! 

Is there a way to reduce the size of the title on those pages too?

On 11/26/2023 at 9:10 PM, LukeView said:

Thank you @tuanphan! 

Is there a way to reduce the size of the title on those pages too?

Just add this code under

/* title size */
.grid-title {
    font-size: 20px !important;
}

15 hours ago, tuanphan said:

Just add this code under

/* title size */
.grid-title {
    font-size: 20px !important;
}

 

Sorry @tuanphan, I meant the title above the grid, the ones that say 'Social Media Packages' & 'Email Marketing Packages'?