Split name site into two lines

Hi @kurtweiland,

You might be able to use CSS to set the width of the title to a value that forces it to display on two lines, but I can’t give you the exact value needed since the site isn’t visible in the link you included.

— Anders

I apologize for the mix-up, if you provide me with your IP address I will be able to help you access the site. As you will be able to see, the title of the site is “Gabriele Deodato / Purezza e pericolo” (I had to add the slash to distinguish the name from the title and which I would obviously like to remove), I would like to make the phrase ‘Purezza e pericolo’ appear on the second line and centered with the same size and with the possibility of customizing the distance between the two lines. Thank you.

• This reply was modified 1 year, 1 month ago by kurtweiland.
• This reply was modified 1 year, 1 month ago by kurtweiland.
• This reply was modified 1 year, 1 month ago by kurtweiland.

Hi, this is the page from which you can see the current site header. I would need to make the changes as I explained in my previous answer. Thanks for the attention. https://www.gabrieledeodato.it/scarica-il-libro/

Good morning, if by chance I made a mistake in asking the question or in something else I apologize in advance. I was waiting for your response also because another problem has arisen. The creator of the Contact Form 7 plugin to whom I asked a question about display difficulties on mobile invited me to write to you because in his opinion it is a problem related to the theme.

I would like to know how to correct the contact form 7 layout which appears correctly in the desktop version, but is disproportionate on mobile. How can I make the same layout as the desktop version appear on mobile using CSS or other solutions without entering the theme editor since I’m not familiar with it?

I attach the link to the page in question with the contact form.

Kind regards.

https://www.gabrieledeodato.it/contatti/

@kurtweiland Go to Appearance → Customize → Additional CSS, and add the following CSS:

.blog-title {
    max-width: 10em;
    margin: 0 auto;
}

That should line break correctly once you remove the slash.

As for the form, you have added the following custom CSS, which is breaking the layout:

.entry-content {
        margin-left: 140px;
        margin-right: 140px;
    }

Thank you for the answer. In the first case I added the indicated CSS but unfortunately it was unsuccessful. I also proceeded to clear the cache but to no avail. As for the second, I understand the problem. If the CSS isn’t a solution, could I use the theme editor? I would be very grateful if you could write me the code to insert into the editor and tell me where exactly it should be positioned because I am not familiar with these procedures and I fear I will make something irreparable mistakes. Thanks again !

HI,

as I wrote, the solution you gave me unfortunately doesn’t work. Is there a different way to fix the site title problem? Thanks and sorry again for the inconvenience!

@kurtweiland You have added some none-CSS in the Additional CSS field that breaks the blog title styles. Remove the following from it:

[sidemenu]
[spbsm-share-buttons]