How do I put HTML formating in Tabs and Acordion shortcodes?
It looks like your Tabs shortcode does not allow for HTML formatting in the tag content. If I have more than one paragraph in the tag content, only the first paragraph will appear in the tag content box and the rest is out of the box. See example here:
http://elite-healthcare.net/about-us/
The code I have for these tags is:
[tabgroup tabs_title="About Us"]
[tabs tabs_title="Who We Are" wrap="yes" tabs_text='Since 1997, Elite Healthcare caregivers have been providing the finest home care services delivered with compassion, excellence, and reliability. One of the most caring and dedicated home health care providers in Northern New Jersey, Elite Healthcare offers a full range of home care services, from personal care to rehabilitation, for pediatric, adult, and geriatric clients.
Elite Healthcare, with locations in Hackensack, Jersey City and Newark, New Jersey, needs only pull from its file cabinet drawer full of fan mail when asked to account for its performance under crisis over the years. According to Nechama Pessar RN, BSN, who co-founded Elite Healthcare in 1997, "People have been very kind in expressing their appreciation for the caliber of care we provide. I have a stack of letters and notes, every one of which is a source of pride to every one here at Elite."
NJ Home Care Certifications and Accreditations
Health Care Service Firm, Licensed by the State of New Jersey,
Department of Law & Public Safety, Division of Consumer Affairs
Homemaker – Home Health Aide Service Provider accredited by the Commission on Accreditation for Home Care, Inc. (CAHC)
Insured
Medicaid Certified Provider
Several governmental agencies refer clients to Elite Healthcare. While the reasons for the referrals are diverse, the common thread in all of these referrals is Elite’s reputation for enabling safe living in the home for the elderly, disabled, handicapped and children.'/]
[tabs tabs_title="What We Offer" wrap="no" tabs_text='Lorem ipsum dolor sit amet, consectetur adipricies sem Unlimited ColorsCras pulvin, maurisoicituding adipiscing, Lorem ipsum dolor sit amet, consect adipiscing elit, sed diam nonummy nibh euis udin'/]
[tabs tabs_title="Why Choose Us" wrap="no" tabs_text='Lorem ipsum dolor sit amet, consectetur adipricies sem Unlimited ColorsCras pulvin, maurisoicituding adipiscing, Lorem ipsum dolor sit amet, consect adipiscing elit, sed diam nonummy nibh euis udin'/]
[tabs tabs_title="What You Should Expect" wrap="no" tabs_text='Lorem ipsum dolor sit amet, consectetur adipricies sem Unlimited ColorsCras pulvin, maurisoicituding adipiscing, Lorem ipsum dolor sit amet, consect adipiscing elit, sed diam nonummy nibh euis udin'/]
[/tabgroup]
http://elite-healthcare.net/about-us/
The code I have for these tags is:
[tabgroup tabs_title="About Us"]
[tabs tabs_title="Who We Are" wrap="yes" tabs_text='Since 1997, Elite Healthcare caregivers have been providing the finest home care services delivered with compassion, excellence, and reliability. One of the most caring and dedicated home health care providers in Northern New Jersey, Elite Healthcare offers a full range of home care services, from personal care to rehabilitation, for pediatric, adult, and geriatric clients.
Elite Healthcare, with locations in Hackensack, Jersey City and Newark, New Jersey, needs only pull from its file cabinet drawer full of fan mail when asked to account for its performance under crisis over the years. According to Nechama Pessar RN, BSN, who co-founded Elite Healthcare in 1997, "People have been very kind in expressing their appreciation for the caliber of care we provide. I have a stack of letters and notes, every one of which is a source of pride to every one here at Elite."
NJ Home Care Certifications and Accreditations
Health Care Service Firm, Licensed by the State of New Jersey,
Department of Law & Public Safety, Division of Consumer Affairs
Homemaker – Home Health Aide Service Provider accredited by the Commission on Accreditation for Home Care, Inc. (CAHC)
Insured
Medicaid Certified Provider
Several governmental agencies refer clients to Elite Healthcare. While the reasons for the referrals are diverse, the common thread in all of these referrals is Elite’s reputation for enabling safe living in the home for the elderly, disabled, handicapped and children.'/]
[tabs tabs_title="What We Offer" wrap="no" tabs_text='Lorem ipsum dolor sit amet, consectetur adipricies sem Unlimited ColorsCras pulvin, maurisoicituding adipiscing, Lorem ipsum dolor sit amet, consect adipiscing elit, sed diam nonummy nibh euis udin'/]
[tabs tabs_title="Why Choose Us" wrap="no" tabs_text='Lorem ipsum dolor sit amet, consectetur adipricies sem Unlimited ColorsCras pulvin, maurisoicituding adipiscing, Lorem ipsum dolor sit amet, consect adipiscing elit, sed diam nonummy nibh euis udin'/]
[tabs tabs_title="What You Should Expect" wrap="no" tabs_text='Lorem ipsum dolor sit amet, consectetur adipricies sem Unlimited ColorsCras pulvin, maurisoicituding adipiscing, Lorem ipsum dolor sit amet, consect adipiscing elit, sed diam nonummy nibh euis udin'/]
[/tabgroup]
This discussion has been closed.
Comments
In about-us.php you have to make following changes for wrapping whole paragraph in single box.
Find class="hc_short_tabs_content" in your <p> tag and remove it.
Now replace <div class="tab-pane fade active in" id="WhowrWewrAre">
with <div class="hc_short_tabs_content" id="WhowrWewrAre">
Thanks
Vijay
class="hc_short_tabs_content" does not appear in any of the aboutus.php templates.
Which files do I need to do this change in?
Thanks,
First of all you have to use firebug for inspecting element then find the class which are appear within <p> tag.
Then cut this class and replace the <div> class using this class.
Remember that you need to make same changes in about-us.php. Firebug only help for inspecting the elements.
Sorry for your inconvenience.
Thanks
Vijay
I don't know what firebug is or how to use it. The aboutus.php template does not contain any formatting for the Tabs shortcode. I think you getting confused and looking at the source of the final page http://elite-healthcare.net/about-us/ instead of looking at the PHP code of the Tabs implementation in the template which I believe is in the theme at
healthcentre-pro >> functions >> shortcodes
Please review again what I asked originally and provide a solution.
BTW: the template is aboutus.php not about-us.php.
Thanks,
Please provide a fix to allow for full HTML formatting within the Tabs short code.
Thanks,
If you try to use two break tags to leave a space between two paragraphs it doesn't work. Also you cannot use paragraph tags.
A solution must work in visual mode to allow for editors without HTML skills to change the content of the tab.
Please provide a proper solution.
Thank you,
Can you make sure that these changes apply to all other shortcodes like the Acordion?
Also since this change was made on the parent theme I assume you will be rolling it into the next update of the theme.