Dear Customers! We're out of the office from the 6th of October to the 11th of October. We sincerely apologize for the inconvenience. For WordPress 5.5.* related issues, please visit this article.
I have a row with some "heading" text in it. The row width is set to "container" and since there was a lot of text, it was breaking automatically. I wanted it to break, instead, at a certain place. I was able to play with the padding settings under the Design Options to get it to break where I want, but it would have been much easier to go into the text and just place a break tag <br /> wherever I want. How would I do that?
On my website http://neptunemedia.net/NM-test-site/ right under the top/home page area is the "About Neptune Media" section. The text right under "About Neptune Media" that begins "Neptune Media is the Web Development..." spans the entire width of it's container element and line-breaks automatically after the word "Online." The text doesn't flow very well and I would rather have that line-break after "Whittaker." I can play around with the left and right padding to get that break where I want but that's not very accurate. I'd rather insert a break tag <br /> right after "Whittaker." Where would I do that?
Because this area is a "Special Heading" and not a "Text Block" it won't give me the Visual Composer page builder elements to insert my own break tag. (with text blocks, I can go into the VC page builder and insert HTML.)
Hmm, probably the easiest way would be to use the html element, rather than editing the file itself (as you would need to do that everytime the theme is updated).
What you can do is copy the entire html part from your live page in the front-end for the special heading via your browser -right click on the special heading on your live page, inspect element, and select the entire section of code. (I've done it here for you below)
<div class="vntd-special-heading" style="margin-bottom:65px;">
<h1 class="header animated vntd-animated" data-animation="fadeIn" data-animation-delay="100">About Neptune Media</h1>
<div class="header-strips-one animated vntd-animated" data-animation="fadeIn" data-animation-delay="100"></div>
<h2 class="description normal animated vntd-animated" data-animation="fadeIn" data-animation-delay="100">Neptune Media is the Web Development & Visual and Print Design Studio of Daniel Whittaker, <br />Specializing in Innovative Online User Experience and Unique Print Design
</h2>
</div>
Then paste it into the html element back in the editor. I've added the break in there for you.
Just remove the original Special Heading from the page and replace it with the html element.
Hey guys,
I have a row with some "heading" text in it. The row width is set to "container" and since there was a lot of text, it was breaking automatically. I wanted it to break, instead, at a certain place. I was able to play with the padding settings under the Design Options to get it to break where I want, but it would have been much easier to go into the text and just place a break tag <br /> wherever I want. How would I do that?
Hi Daniel,
Not sure what you mean here?
There is a html element where you can add in your own html code. It's in the Visual Composer page builder elements.
Does that help at all?
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Joanna,
Sorry I should have been clearer.
On my website http://neptunemedia.net/NM-test-site/ right under the top/home page area is the "About Neptune Media" section. The text right under "About Neptune Media" that begins "Neptune Media is the Web Development..." spans the entire width of it's container element and line-breaks automatically after the word "Online." The text doesn't flow very well and I would rather have that line-break after "Whittaker." I can play around with the left and right padding to get that break where I want but that's not very accurate. I'd rather insert a break tag <br /> right after "Whittaker." Where would I do that?
Because this area is a "Special Heading" and not a "Text Block" it won't give me the Visual Composer page builder elements to insert my own break tag. (with text blocks, I can go into the VC page builder and insert HTML.)
Is that more clear?
Hi Daniel,
Ah! I see now
Hmm, probably the easiest way would be to use the html element, rather than editing the file itself (as you would need to do that everytime the theme is updated).
What you can do is copy the entire html part from your live page in the front-end for the special heading via your browser -right click on the special heading on your live page, inspect element, and select the entire section of code. (I've done it here for you below)
<div class="vntd-special-heading" style="margin-bottom:65px;"> <h1 class="header animated vntd-animated" data-animation="fadeIn" data-animation-delay="100">About Neptune Media</h1> <div class="header-strips-one animated vntd-animated" data-animation="fadeIn" data-animation-delay="100"></div> <h2 class="description normal animated vntd-animated" data-animation="fadeIn" data-animation-delay="100">Neptune Media is the Web Development & Visual and Print Design Studio of Daniel Whittaker, <br />Specializing in Innovative Online User Experience and Unique Print Design </h2> </div>Then paste it into the html element back in the editor. I've added the break in there for you.
Just remove the original Special Heading from the page and replace it with the html element.
Hope that helps?
Kind regards,
Joanna
Veented Support
Find a helpful article for your theme here: https://veented.ticksy.com/articles/#article-categories
Check out our latest article: How to Improve Page Loading Times
Don't forget to hit the like button below if you are happy with your support answer :)
Wow. That's actually very clever. I should have thought of that. ;) Thank you!