Double LIne Tabs

[Dawn Quinn]

Good day. I read that double line tabs is doable.
https://wordpress.org/support/topic/livemesh-tabs-how-to-set-width-and-force-line-break/

However, I am not able to find the setting. I have the pro version.

My goal is really to size the width of the tabs, if possible and change the fill color and font color for the tabs.

Please give direction.

Thank you for this widget. It’s great for my needs.
Dawn Quinn

[Veena]

Can you share a link to the specific page?

[Dawn Quinn]

Yes.

http://www.family-service.org/family-service/locations/

The ultimate goal is to have each tab show an address with google map. THE NEIGHBORHOOD PLACE title is long and wraps the tabs.

Thank you for your help.
Dawn Quinn

[Dawn Quinn]

I am trying to achieve this page design.

http://www.neighborhood-centers.org/locations#main_office

Thanks again.
Dawn Quinn

[Veena]

Can you pls try the below custom CSS and see if that meet your needs –

.lsow-tabs .lsow-tab span.lsow-tab-title {
    font-size: 12px;
    color: #000;
}

Regarding address link :
For each location title you need to add link to a specific page which you can add easily using visual editor “insert link” icon. Pls see the attached screenshot.
ie, you need to create the locations page first for eg: http://www.neighborhood-centers.org/locations/promise-community-school-at-ripley-house-elementary-school and you then provide this page link as your address title link .

[Dawn Quinn]

Thank you for your support.

I think I’m not communicating correctly. This is my tab page.
http://www.family-service.org/family-service/test-tabs/

The code you sent works very well.

I created a Test tab and put the link. As you can see, when the tab is selected, the link shows. However, what I am after is for the linked content to display in the tab content area. I think this is what is called an id ie: #test. Not sure.

So, as each tab is selected, the locations page content is pulled into the tab content area. If this is possible.

Currently, I am using a tablepress row with 2 cells to pull content into each tab. Not the preferred way.

I hope this makes sense. Thank you again for your help.
Dawn Quinn

[Veena]

The way you added the content in each tab looks very neat – http://www.family-service.org/family-service/test-tabs/

So, as each tab is selected, the locations page content is pulled into the tab content area. If this is possible. —-

If you want to add tab content like this – http://www.neighborhood-centers.org/locations/baker-ripley-neighborhood-center page then first pls create separate location pages with left sidebar template and add google map widget in to left side bar .And then copy the html generated using view source and paste it to each tab content area(you need to use text tab of visual editor) and see if that works.

I am not sure whether your theme supports left sidebar.

[Dawn Quinn]

I will do this. Thank you.
Dawn Quinn

[Dawn Quinn]

Good day.

I am still trying to solve this issue.

http://www.family-service.org/family-service/about-us/

Notice that the tab content wraps. However, when you click on Board of Directors, the tabs do not wrap. My preference would be that tab content does not wrap for any of the tabs.

However, I am not sure how to keep the tabs wraped in the Board of Directors tab content.

Please advise.
Dawn Quinn

[Veena]

I don’t see any issue. Is this resolved?

[Dawn Quinn]

Good day.

I would like to use the Livemesh testimonials (OUR STORIES) widget inside the Livemesh tabs. Is this possible?

http://www.family-service.org/family-service/about-us/

Thank you.
Dawn Quinn

[Author]

Posts