Services Section - Manipulating Content

Good Morning, 

I've added a Services section. I have the Design set to Media First with 2 Max Columns and a Circle Crop.

I want the Title of each Item to go ABOVE the Media with the Button at the bottom. It appears my only two options are Content First (Title, Button, Media) or Media First (Media, Title, Button). 

I want Title, Media, Button. How do I achieve this?

Also, I want to make the buttons larger... where do I make that adjustment?

Thanks,

Hi,

I think you will need to use some code to achieve this. Can you share link to page where you added Services section? We can check easier

It's the HomePage of the site: https://uco.squarespace.com/

Password is uco

On 9/19/2023 at 9:06 PM, ClaytonDaniels said:

It's the HomePage of the site: https://uco.squarespace.com/

Password is uco

 

Hi,

Do this?

Yes, that is what we would like to do. There doesn't seem to be a customization way to do this, so just checking if I'm missing something. If I have to accomplish this via code or just creating a new block, I can do that.

And, sorry for the late replies. I have follow topic on but I'm not getting email notifications...

On 9/25/2023 at 11:29 PM, ClaytonDaniels said:

Yes, that is what we would like to do. There doesn't seem to be a customization way to do this, so just checking if I'm missing something. If I have to accomplish this via code or just creating a new block, I can do that.

And, sorry for the late replies. I have follow topic on but I'm not getting email notifications...

I think there is no default option, but you can add this code to Settings > Developer Tools > Code Injection > Footer to move titles

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
  $('body.homepage li.list-item').each(function() {
    var cr = $(this).find('h2.list-item-content__title');
    $(this).insertBefore('.list-item-media');
});
</script>