Inserting Image In Title Element

[Re-Made]

Hi- I am aware that I can insert an image into a text element (when that blue box appears etc) but what I really need help with is figuring out how to do that with my Title Elements, which make up 98% of the text on my site. If it entails some tinkering with CSS/HTML etc am prepared to do it.

Is there anyone out there who knows how to do this?

Thanks very much in advance to anyone who can help 🙂

[Adam7]

You could probably style your text elements to look like title elements with the font options on the Theme tab; that might be a simpler way to achieve what you want. Any text that you don't to look like that could by changed with the text editing toolbar.

[Re-Made]

Hi Adam

Thanks very much for getting back to me on this and yes, that is an option. Thing is, I have more than 200 pages and approx 15-20 items on each of those pages so changing each of those title elements to a text element - even if I amended the text element in the Themes option - would be a hell of a job. I am hoping there might be another way before I undertake something like that....

[Re-Made]

...also it might mean downgrading my SEO grades if I am effectively deleting all my H2 titles with paragraph options doing that, isn't that the case? Or am I mistaken?

[Adam7]

I'm not sure and wouldn't want to really speculate on what kind of impact it would have. You could probably somewhat simulate the look with one title element to the right of an image and one underneath, depending on where you split your text.

[Re-Made]

Hi Adam

The motivation for doing this is the mobile site actually. When I check what the mobile version looks like the design is completely out of whack - where I have content boxes with the text on the left and the image on the right in the desktop version, when it shrinks down to mobile the images fall below the text and they are not sized correctly so are kind of floating around awkwardly in the content box. It doesn't look good.

When I inserted the image into a text element however and checked the mobile version it looked great. So that's the reason I want help on this....

Is there anything in the Edit HTML/CSS section I can add to the Paragraph Title code which means it behaves the same way as the Paragraph Text elements so I can replicate this with titles without having to change everything?

Thanks again 🙂

[Re-Made]

....otherwise I have been trying to find out what kind of H value the Paragraph Text element has - is it H2 like the Title or is it H3?

Thanks very much again

Rachel

[Bernadette3]

If you change the font from the theme tab does it help? Theme>Change Font> and then either Headline or Paragraph Titles. If you hover over the field on the left it will highlight on the page which element you are using. 

[Re-Made]

Hi Bernadette

Thanks for you help but It's not a question of not knowing what kind of element I am using - I am quite aware of the fact that I use the Title element throughout the site which is H2. I also use the H1 app for my page titles.

What I would like to know is: Is the Paragraph Text of any value SEO-wise, specifically with reference to Paragraph Titles being H2.

I have tried doing right-click "Inspect Element" to check the code around Paragraph Elements and it only ever says div.paragraph and gives no indication if it has any kind of value like H2 ...

Otherwise my only other option - if I can't insert images in Title Elements - is to resize all my photos so they fill the screen in mobile. If anyone has any other options I would be incredibly grateful to hear them.

Thanks again

Rachel