Front Page Heading and Copy Breaks – Monochrome Pro

[designerwriter]

I would like the paragraph on the front page to break after the word discusses so that there are 2 equal length lines. I originally had the break tag there but then on my cell phone, the break shows up after the words “loved ones,” so I put the break there. But the first line is too long on the front page. How can I have 2 breaks for different devices - cell phones and desktops or laptops which have wider screens?

On X Pro, they have different sized devices where I can adjust the copy but I am not seeing it for StudioPress themes unless I am missing something.

Thanks in advance.

http://griefcandorandlove.com

[designerwriter]

Also, I would like to make the H1 headings on the other pages smaller but if I do, then the heading on the front page looks too small. Can I add an additional CSS code to the front page to make it a larger percentage of H1? If so, what would that code be and can I add it to the Additional CSS section of this heading block?

[designerwriter]

Can anyone help me with this? I tried using the code <h1 style="font-size:200%;">Grief, Candor, and Love</h1> in the block where the heading is as additional CSS but it didn’t work. I don’t want the headings this big on the other pages but want the heading a bit bigger on the front page. I want to reduce the headings on the other pages and make the heading on the front page bigger by a percentage but it is not working.

[designerwriter]

Also, I pasted in the code that was sent to me privately but I can’t reply...it has a nopreply email address. I need to tell the person that it worked on mobile but not on the desktop version. The line is one line and doesn’t break after “discusses” on the desktop version.

[Author]

Posts