Two pictures side by side in page content

[TDDFC]

I would like two pictures to be displayed side by side in the page content rather than one below the other on the desktop. The URL is https://thedeliciousdogfoodcompany.co.uk/pages/about-us

Can anyone help me with this?

Many Thanks

[PageFly-Richard]

Hi @TDDFC 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
p:has(img) {
    display: flex;
}
</style>

While checking on the issue for you, I've a suggestion that might help your page more professional and friendly to your customer 

You can consider to add the CTAs button in the banner here, that's will help more easier to direct customer on the page you want. 

Hope this can help you solve the issue 

Best regards,

Richard | PageFly 

[Kyle_liu]

Hi @TDDFC 

You can place a table outside the image on the about us page to avoid modifying common properties and affecting other locations

[TDDFC]

Thank you for your reply. Is there a way to make the table grid invisible or centre the images so they look better?



https://thedeliciousdogfoodcompany.co.uk/pages/about-us



Thanks Again

[Kyle_liu]

Hi @TDDFC ，

You can edit Custom CSS,

table:not([class]) {
box-shadow: none;
}
table:not([class]) td,
table:not([class]) th {
border: 0;
}