How to add extra title in image with text

[oworor]

this is my main page on my site with image with text block.
title is the big part, description is the emojis text, then in the code, i made caption show a trustpilot widget so it can be within the block and then the button.

Though I want the KS3 - GCSE - A-Level to show above the main title but image with text only allows 4 max sections so i cant add another text box above it.

Anyone know a solution?

[Made4uo-Ribe]

Hi @oworor ,

Try this one.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

.image-with-text__text.rte.subtitle:before {
    content: "I hope this will help.";
}

Result:

I hope it help.

[oworor]

Thanks, but i would like that text to be above the “Online Maths course to boost your childs grade”

is that possible?

[Made4uo-Ribe]

Yes, you can change the inside content but make sure not to delete the " " mark.

example:

content: “Online Maths course to boost your childs grade”;

[oworor]

I put this in and it didnt work:

.image-with-text__heading.inline-richtext.h0{
  content:"KS3 - GCSE - A-Level";
}

i want it to be here:

[Made4uo-Ribe]

No, it wont work cause I add some code in the selector.

Try this one.

div#ImageWithText--template--19470781055263__f604fee3-4101-42ee-8e78-5de5fb4017cf:before {
    content: "KS3 - GCSE - A-Level";
}

Result:

[PageFly-Richard]

Hi @oworor

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css or Theme.css

.image-with-text__heading.inline-richtext.h0:before{
  content:"KS3 - GCSE - A-Level";
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

[oworor]

great but - now its not staying above haha
how do i make the main title start from the next line

im guessing
but where do i put that?

[Made4uo-Ribe]

Thats is why i give you the other selector cause that would be a problem,

You can try this.

h2.image-with-text__heading.inline-richtext.h0:before {
    content: "KS3 - GCSE - A-Level";
    font-size: 20px;
    position: absolute;
    top: 10px;
}

Result:

I hope, I help you. Thanks!