Moving the text headings on the text columns with images -Pipeline

Solved
Highlighted
New Member
4 0 0

Hi

I have created an image reference page for customers using the text columns with images section and used the text headers as image codes but concerned that the customer will match the wrong code to the wrong image when viewing on a phone.

Here is the page: https://eatnmesscakes.co.uk/pages/additional-bespoke-cake-images

How can I do any of the following to try and stop this from happening?

  1. move the text to the bottom right overlapping the image
  2. place a border around the image and text

Many thanks

0 Likes
Highlighted
Shopify Partner
856 128 145

This is an accepted solution.

Hi There!

I can suggest #2 here by adding the following to your theme.scss file:

@media only screen and (max-width: 768px)
{
h5.h5--accent.strong.home--uppercase {
    text-align: right;
    margin-top: -45px;
    margin-right: 3px;
}
}

 

Let me know

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes
Highlighted
New Member
4 0 0

Thank you so much!

0 Likes
Highlighted
Shopify Partner
856 128 145

You're most welcome! Don't hesitate to reach out if you have additional questions. Cheers!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkconsultancy.com
K&J
0 Likes