Okay
  Public Ticket #1270980
Text block break line
Closed

Comments

  •  17
    Marcelo started the conversation

    Hello, I'm using the text block to register the project information. How to avoid the line break that is giving in the text? Watch. The text breaks even having a lot of space to the right of it. I want to avoid this text break.

    IMAGE
    http://d.pr/i/Ua4GuQ

    LINK PAGE
    http://valencaevalenca.profissional.ws/valencachild/casa-01-bahia/

  • [deleted] replied

    Hi Marcelo

    I had to add same custom w-100 class just like previous ticket, but alignment is not same any more you have to make first col to 1/12 column. 

  •  17
    Marcelo replied

    Eroll, it was perfect. Is it possible for me to set line-height to 1.8em? The distance between the lines is large.

    I hope you can help me.

    IMAGE
    Http://d.pr/i/iwMmCL

  • [deleted] replied

    Hi Marcelo

    I thing it would be to add theme as new paragraph in one one text-block, is that OK.


    (view large version)



    (view large version)

  •  17
    Marcelo replied

    I had thought of that. That's good. But it will be the customer that will register the information. I'm afraid he does not know how to do it right. If each line of text gets in each text block I think it's best for the client.

    For example:
    To create a line of text below the other it is necessary to click on the shift and give an enter on the keyboard. The customer will not know how to do this. And because of that the lines will stay at a huge distance.

    Do not you agree?

  • [deleted] replied

    Hi Marcelo

    I have added more Custom CSS, basically i have extend inheritance from w-100 class

    .w-100 .post-formatting.wpb_text_column.wpb_content_element{    
        margin-bottom: 10px;
    }
    
  •  17
    Marcelo replied

    Eroll, worked perfect. I'm glad.

    I have a doubt.

    I created a block text with a column on the left (see image - http://d.pr/i/da6IEj) to prevent the information from being pasted to the left of the screen. On the desktop it works, but on the device are stuck.

    Is there a way to get away on the device?

    http://d.pr/i/VWgQD5

  • [deleted] replied

    Hi Marcelo

    You an hide that div or column for small devices and will look cool


    (view large version)

  •  17
    Marcelo replied

    Hello Eroll, but this information needs to always appear. They are information about the project. I can not hide them on any device.

  • [deleted] replied

    Hi Marcelo

    I was thinking to hide left column, well what i did is I hided left columns change the width to 1/12 col added some padding to right column (where informations are), looks cool now.

    Please take a look at columns settings to understand changes.