Text Element headline - Size issues

Support
#1

Hi

I have calls to action over images with parallax and text element headlines on my homepage. I have also used this on any other pages. One the home page and some (not al most are okl) of the other pages I am unable to get the text heading the right size. When I make it heading 1 it looks like it tries to increase the size but then shrinks back to the small text on the page. Can you let me know what is going on I cannot understand whats happening as I have used the section on opt pages and its fine.

You can see under the headings - Lets Talk and Artist of the month

#2

Hey,

Please, could you explain your question well?

#3

Hi thanks for your response hopefully this will clarify :

I have 2 calls to action on my homepage under the following headings -

Lets Talk

Artist Of the Month

Under these headings the parralax images have buttons and text (as a text element) Here is an example of what I have inserted into the text element section :

<h2 class="resp-p man"><span style="color: #ffffff;">Now's The Time!</span></h2>
<h2 class="resp-p man"><span style="color: #ffffff;">Make an enquiry or book your act today</span></h2>

On most pages on the site this results in text at the correct size but on several pages including the homepage as you can see on the site the text element is not displaying as a H1 and visually it its tiny. I am baffled as I am using the same information on all of the pages but for some reason the size on the site is very different.

What could be causing this and how can I resolve it ?

#4

Hi,

Upon checking, I can see you are adding inline style to your headings.

eg.

<h2 class="resp-p man" style="font-size: 21px;"><span style="color: #ffffff;">Now’s The Time!</span></h2>

By adding font-size: 21px;, it will have that size regardless if it’s h1,h2 or h3…

I suggest you use the Custom Headline Element instead of text element for your headings.

Thanks

#5

hi thanks for the response but I have the same on every page in fact I copied the block and inserted on other pages so that does’lt explain why its different on specific pages ?

I already tried custom headlines but there is too much space between them when. I use those ?

#6

Hi There,

Paul is right, use the Custom Headline element, instead of hard-coding your headline inside a Text element. Use the Spacing Helpers Classes to control its top and bottom margins.

I see that you added a class resp-p to your hardcoded headlines. Maybe you set up a Responsive Text Settings to some pages while not on others? that is why the font-size of the same headline is not consistent throughout pages.

Thanks,