Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Storyteller

Member
  • Content Count

    3
  • Joined

  • Last visited

  1. Hi @colin.irwin, thanks for the response. I tried to do this but nothing is happening, perhaps I am missing something. I created a text block and found the block id using the extension, and have put the above code in the custom CSS section, but it is not affecting the individual paras, only the first line vw is affecting the whole block. How do I get it to change each para? Do I need to do something else?
  2. Hello. I am using code blocks so that I can customise, format and size my text in different areas throughout my website, without it affecting the general style of the website on a whole. I am not a fan of the general text box because I can not customise the text exactly how I want it. For example I do not want my H1, H2 or H3 titles to be really big, but I do want some text on my website to be bigger or styled differently in certain areas to stand out and grab attention, which is why I am using the code blocks. However, I am finding that the code blocks are not scaling correctly for mobile. On desktop they look fine and give the visual impact I am looking for, but on mobile because they are not scaling properly, some of the text gets cut off or is just way too big. For example, in one code block I am using the following code: <center> <font size="5em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's get people talking.</li></span></font> <font size="7em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's create something EXTRAORDINARY together!</li></span></font> <font size="4em" color="#ffffff"> <span style="line-height:2.5em"> <li style="list-style: none;">I'm ready when you are.</li></span></font> </center> Which on a desktop looks like this: But on a mobile it looks like this: I am using em instead of px because I read that this is meant to help with the scaling, and in most cases this is fine across my entire site, but for some reason it is not here. How can I use code blocks to create custom text for visual impact on my site, but still have it scale down so it looks just as good on mobile? Thanks.
×
×
  • Create New...