Contact Info widget: "Hours & Info"
-
How do I get my details from:
PO Box 700, Cherrybrook NSW 2126 Australia
Phone: 1300 973 886; Mon – Fri 9-5pm AESTTo looking like:
PO Box 700,
Cherrybrook NSW 2126
AustraliaPhone: 1300 973 886;
Mon – Fri 9-5pm AESTThanks !
The blog I need help with is: (visible only to logged in users)
-
Ditch the Contact Info widget and create your own using the a text widget. Just type the following into text widget and save.
<div>PO Box 700</div>
<div>Cherrybrook NSW 2126</div>
<div>Australia</div>
<div>Phone: 1300 973 886</div>
<div>Mon – Fri 9-5pm AEST</div> -
-
There should be a spacer after Australia. Guess I forgot it. Put the following spacer after Australia (same line or next):
Bold text:
<div>PO Box 700</div>
<div>Cherrybrook NSW 2126</div>
<div>Australia</div>
<div>Phone: 1300 973 886</div>
<div>Mon – Fri 9-5pm AEST</div> -
Shoot.
Bold text:
<div>PO Box 700</div>
<div>Cherrybrook NSW 2126</div>
<div>Australia</div>
<div>Phone: 1300 973 886</div>
<div>Mon – Fri 9-5pm AEST</div>The spacer keeps getting redacted. Looks like this:
(ampersand)nbsp;
-
I give up. Ignore the last two posts. Strong tags and spacer code aren’t displaying properly.
-
-
Cool.
I’m gonna try one more time. The line break code I was using had two parts combined, the HTML blank space code ” ” plus the force line break tag
but I just noticed that the br tag alone does the trick in this case. Place it after the closing div tag on the Australia line to skip a line there before the phone number.
-
<p style=”text-align: center;”>Foiled again.</p>
See the following,WordPress Tips (wpbtips.com):
- Formatting text pt. 1: blank lines, alignment, wrap-around, two columns
- Formatting text pt. 2: indents and blockquotes
WP support forums:
- topic: Forcing Line Breaks
- tag search results: https://en.forums.wordpress.com/tags/nbsp
-
Also:
http://en.support.wordpress.com/beginning-html/
http://en.support.wordpress.com/advanced-html/
http://en.support.wordpress.com/html-troubleshooting/FWIW – using DIV and P tags for each line will cause a lot of space between lines. So you might want to look at something like this in a text box:
<p>PO Box 700,<br /> Cherrybrook NSW 2126<br /> Australia</p> <p>Phone: 1300 973 886;<br /> Mon - Fri 9-5pm AEST</p> -
How did you do that? Every time I entered a “br” tag it disappeared, even in block quotes.
Anyway, I didn’t suggest any P tags at all, and FWIW your suggested code and mine looked exactly the same when I placed them in the same sidebar widget.
<div>PO Box 700</div>
<div>Cherrybrook NSW 2126</div>
<div>Australia</div>
<div>Phone: 1300 973 886</div>
<div>Mon – Fri 9-5pm AEST</div><p>PO Box 700,
Cherrybrook NSW 2126
Australia</p><p>Phone: 1300 973 886;
Mon – Fri 9-5pm AEST</p> -
but not here, because the br tag (the one I’m using is the same as yours) gets removed and doesn’t cause a line break here when I use it. Is it the difference in the font or letter-spacing that allows you to have it display here?
-
-
How do you create the box used in this post? It is evident that the spacing in that box allows you to post code that gets stripped when using the quote tool with regular spacing. The lighter background also indicates that it is not a quote box.
Inability to display code as you have done has repeatedly foiled my attempts to assist members by providing the code that would resolve their issues. Not only here, but on other topics.
-
@estherpgtan – you’re most welcome.
@musicdoc1- completely overlooked this, but the same info is to the left of every comment reply box in the forums, under “Allowed markup:”.
To display code, either use backticks (to the left of the number 1 on most keyboards) or use CODE tags.
Blockquotes are for displaying quotes, like:
How do you create the box used in this post?
Backticks or CODE tags are for displaying code, like:
<p>You can control the length of a line by using the <strong>Line Break-BR</strong> tag.</p>Hopefully the bolded text came out with the STRONG tag and wasn’t actually bolded. :)Hope that helps!
- The topic ‘Contact Info widget: "Hours & Info"’ is closed to new replies.
WordPress.com Forums 