line breaks in Canvas themes

3 replies · opened Mar 25, 2021

AalmajdalMar 25, 2021

Hello,

Since Canvas HTML5 is a highly responsive theme package working perfectly with modern browsers with no issues, I wonder what is the “line breaks” best practice to use with canvas themes without affecting its layouts.
For me, I was using more than one <br> tags to separate <div’s> and <p> elements and to create spaces between them, but after reading more than 20 posts about this, I came to know that it is wrong to use <br> tag the way I was using. Also, I was using empty <p> tag
(<p></p>), and I also knew that this is wrong as modern browsers will ignore it if no text inside.
I know CSS is best, but I don’t want to miss with Canvas main stylesheets, so it is better to be inline.

Could you kindly assist what is the Best practice for line breaks to be used with Canvas theme package, and also, 1 <br> tag = approximately to (px value) if I use the Hight margin?

I really appreciate your usual kind help and support
Sincerely

SSemicolon WebSTAFFMar 27, 2021

Hello,

We recommend using the following:
[ch_pre][/ch_pre]

Then you can use Spacing Utility Classes: https://getbootstrap.com/docs/4.6/utilities/spacing/ on the above code to increase/decrease the space according to your needs. Example:
[ch_pre][/ch_pre]

For both Top/Bottom Spacing.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

AalmajdalMar 27, 2021

Excellent,
Done and Solved,

That is with great help to me.....Thanks a lot....you are the best in your straight answers
I've gone through the document and it is very informative and helpful

Appreciated

SSemicolon WebSTAFFMar 28, 2021

Hello,

Very Happy to Help!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard