Okey, this is the code i have:
[lazy_load_box effect="slidefromright" speed="550" delay="80"]
[hero_unit text="Progressive business thinking
Lorem ipsum dolor sit amet, conse ctetur" btn_text="soporte 24/7 <br> 123456" btn_link="http://localhost/wordpress/donec-porta-diam-eu-massa/aliquam-erat-volutpat/" btn_style="primary" btn_size="normal" target="_self"]
[/lazy_load_box]
This is part of a code from a wordpress template, i tried to make a jump line here:
btn_text="soporte 24/7 <br> 123456"
But it doesn´t work it just write in the page:
SOPORTE 24/7 <BR> 123456
I hope someone know about this. I'm new working with templates.
Thanks for your time.
Because this line isn't supporting html codes. You should find the html source of this line. So, you can add the br tag after find it.
Related
Long(ish) time lurker, first time poster! Apologies if this has been asked a 1000 times I am new to coding and I am currently working on a project with Codecademy and I was hoping someone would be able to provide some help...
I am tasked with replicating the layout you can see in the screenshot below. However I am unable to get any further as I cannot for the life of me get text to appear centered and to the right of the image. The closest I have gotten previously is the text will appear to the top right of the image. I am using a file for html and a seperate style sheet if that helps.
how it should look
how mine looks
This is my HTML code so far
<div class="flex-content" id="banner">
<img class="img2"><img src="images/banner.jpg"></div>
<div class="supporting-content">
<h3>Learn something new every day</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><a class="button" href="#">Start here</a>
</div>
</div>
Any guidance would be hugely appreciated!
Alikin
use flexbox and "flex-direction: row;"
So I've been working on my website for the past few weeks having started off with no understanding of HTML/CSS or JS. In two weeks i managed to learn enough that now I am actually custom coding websites for family and friends who's websites are horribly outdated and look like something from the dial up era.
With regards to my own website...
(which right now I am using a online site editor to speed up the process as I don't have much time to spare for now, I fully plan to rebuild it from scratch when I have the time but just needed something working for now.)
I have been doing a large amount of custom coding to make my site work and was curious about what the structure I should be using for my paragraph and text sections should be. Both for "in-editor" and for "from-scratch-development".
While I 'could' just use the editor's built in paragraph tool, I prefer to use the HTML element to get exactly the style I desire. I was wondering on what format I should use to create my paragraph layout as I am stuck on two possible formats to use. I would like to know which I should focus on to give better quality HTML format and to avoid bad habits.
I know that often the <h#> tags should be used for titles and important text and the <p> tags should be used for anything inside a large paragraph, but because of the default formatting of the editor & that of the browsers, I wanted to know if there is anything wrong with using the "< div >" tag option or if its improper somehow and I should use the "< p >" tag option.
< div class="some-header" >
<br>
Some Page Header
<br>
< /div >
<br>
<br>
< div class="some-paragraph" >
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut dignissim, tortor id fringilla tincidunt, mauris.
<br>
< /div >
_____________________________________________________
< h1 class="some-header" >
<br>
Some Page Header
<br>
< /h1 >
<br>
<br>
< p class="some-paragraph" >
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut dignissim, tortor id fringilla tincidunt, mauris.
<br>
< /p >
_________
So is there anything wrong with these options? Im really not sure if it even matters. If its just simply trivial semantics and doesn't really have any real impact. Also it should be noted that I tend to stuff my HTML and CSS full of little notes for myself (and anyone else that reads it) just so I don't get lost. Pretty much every single section of code is made all "pretty" with big block comments in fancy boxes and commented titles on EVERYTHING to help me remember what everything is. Any feedback or ideas on the matter are much appreciated.
There is nothing wrong with using div elements to encase text content and then using classes and ids to manipulate them. It is good practice however, to use appropriate elements provided in HTML for specific tasks.
For example, one can make a table out of div elements, but there is no reason to do so as there is already a structure available within HTML for that task. The Document Object Model, is what defines the logical structure of your page and it is good practice to keep the logical structure, logical.
I would suggest using the latter option with the p tags for your paragraph content.
I would also advice against using br tags in your code. You can separate your divs using margins instead. If you require one element to be spaced out a little more then all the other elements of the same class use an id.
Cheers!
so im learning HTML and CSS and i have a question
im trying to put an image in an article and make it so the text that is also in the article will not write overtop of or get in the way of the image, but everything ive tried so far isnt working properly.
i was using W3Schools.com to learn how to do it.
here is they're isntructions on doing it
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image_position
and here is an example of what im trying to do http://www.spacenews.com/article/launch-report/37302australian-led-scramjet-test-ends-in-failure
even with the instruction on the website i cant get it to work properly, could they possibly be the wrong instructions?
im using coffeecupfree HTML editor and loading the site up on chrome.
You can do this with simple HTML:
<img align="right" src="http://www.spacenews.com/sites/spacenews.com/files/styles/large/public/images/articles/Scramspace_4x3.jpg?itok=7JbqmW0r">
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet</p>
<p>Lorem ipsum dolor sit amet </p>
When you see something on a site and you'd like to learn how they did it, I'd suggest viewing the source or right-clicking the element you're interested in in Chrome and selecting "Inspect Element".
JSFiddle example
To achieve what you're trying to do, you can also use float: right in your image. It will make the text surround your image.
I am trying to style how the articles are laid out in a Category Blog and have got stuck on styling the actual content of the article.
My code for the first article on the Category Blog is as such:
<div class="items-leading">
<div class="leading-0">
<h2>
News Post 1
</h2>
<dl class="article-info">
<dt class="article-info-term">Details</dt>
<dd class="published">2nd Mar 2013</dd>
</dl>
Lorem ipsum dolor sit amet etc...
<div class="item-separator"></div>
</div>
I am trying to style the lorem ipsum example text by wrapping it in some kind of tags, either div or paragraph I don't mind, so I can give its wrapping container a div and font styling etc.
Here is a link to the site where its currently on:
http://test.studevent.co.uk/news
Any help is greatly appreciated.
You want to change default template for article item in blog?
/components/com_content/views/category/tmpl/blog_item.php - it is default template. copy it in your template (/templates/{your_template_name}/html/com_content/category/blog_item.php).
After, in your copy on line 137 you can find <?php echo $this->item->introtext; ?> - it is your text 'Lorem ipsum ...'
To do this, the file you need to edit is found here:
YOURSITEROOT/layouts/joomla/content/blog_style_default_item_title.php
In order to edit file, create a new folder (within your template) and move the file here, so it would be:
YOURSITEROOT/templates/YOURTEMPLATE/html/layouts/joomla/content/blog_style_default_item_title.php
I am trying to create a pre-formatted block of text using the pre element where there are sometimes a few blank lines in between the content. The problem is that occasionally the text breaks onto a separate line after either a forward slash(/) or colon(:)
An example is as follows:
<pre>Lorem ipsum dolor sitat: http://wwww.site.com/foo/bar</pre>
Displays as:
Lorem ipsum dolor sitat: http://wwww.site.com/foo
/bar
Does anyone know how to resolve this?
I'm with #Kyle, without seeing the page itself I think that it is too long for the container that you have it in, so maybe make the text smaller or widen the container and see if that helps.
I tried:
<html>
<pre>Lorem ipsum dolor sitat: http://wwww.site.com/foo/bar</pre>
</html>
and didn't get any line breaks.