Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #793136

    I am attempting to add tabs to a page in my website where I am using the Tab Content. It was working fine until I added two more tabs. When I add content to the other tabs, the content is pushed down from the top. So when you click on the tab it looks like there is no content. If you scroll down you will find the content.

    The picture I have in the left column on the schedule and fees tabs sometimes disappears as well. Sometimes it is there and sometimes it is missing, Right now under the schedule tab the picture is not showing up. It is showing up under the fees tab.

    I would like to build more pages like this but. The other tab option under content elements is not as nice or flexible.

    I cannot find any way to fix this.

    Thank you,
    Debra Littrell

    #793187

    Hey D579L,

    I`ve answered you in the other ticket, but I can repeat the answer.

    To solve your problem, just add this custom CSS code:

    .av-layout-tab {
     vertical-align: text-top !important;
    }
    

    Best regards,
    John Torvik

    #793733

    I added the code but it did not resolve the problem. The content for the second and third tabs is still shoved way down the page.

    I tried to build another page using this same tab element and it was a mess. It does not seem to be a stable element.

    #793741

    Hi,

    Thanks for the feedback and the login details, I couldn’t see much on the backend though. Could you upgrade the user to admin please?

    Best regards,
    Rikard

    #794194

    I apologize for that. I thought I had set it to admin. The Enfold user is not upgraded to admin.

    I thought I would include one other page I had built with that same Tab Layout. It too has the content pushed down on some tabs but not as bad as the other one. Both pages are listed below.

    One other question. Is there code I can add that can change the font size in the tabs?

    Thank you.
    Debra

    #794600

    Hi,

    Thanks for that, I can’t find the problem though. Could you try updating the theme to the latest version (4.0.7) to see if that helps please? http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    #796255

    I updated the theme to 4.0.7. The same problems are occurring.
    When you click: https://transformativespirit.com/ts1/access-consciousness-processes-2/ , the front page is fine. When you click on the schedule tab the content is toward the bottom. You cannot see it on the screen unless you scroll way donw.

    When you click https://transformativespirit.com/ts1/location-hours-fees/ , the map is down about an inch, when you click the schedule tab the content is about 3 inches down and when you click the fees tab the content is very close to the top.

    Also, is there code I can enter that will increase the size of the font on the tabs?

    Thank you,
    Debra

    #796298

    Hi,

    Thanks for the info, but what`s the URL to access the dashboard, please?

    Best regards,
    John Torvik

    #797094

    I have created one more page and the content on the first tab is pushed way to the bottom.
    Here is that link: https://transformativespirit.com/ts1/fc-preferred-tab-option/

    I have put the info you requested in the private content section.

    #797469

    Hi,

    I made a little adjust in the custom CSS code and all tabs is working now :)

    Best regards,
    John Torvik

    #797898

    This is still not working on the Location-Hours-Fees page. It looks much better on the Facilitation/Coaching & Access Processes pages.

    There is no content under the Location tab, The Location information is under the Schedule tab and the schedule information is under the Fees tab with the fees down below it. The content under the Fees tab has both the schedule information and the fees laying on top of each other. It was initially working fine but now is not.

    I published the site so the url links are different and I have included them below.

    Also, what custom changes did you make to the CSS code, and where. I do not see any changes to the Enfold Child Stylesheet in the Editor or in the Quick CSS in the Enfold Child Theme tab under General Styling. The code that is in there now is what you had me add in the beginning that did not work. I have another website I would like to add the changes to.

    Last thing. Is there a way to increase font size for the tabs?

    Thank you.

    • This reply was modified 7 years, 7 months ago by D579L.
    #799398

    Hi,

    Thank you for the info.

    Did you set the tab section’s “Content height” settings to “Auto adjust to content”?

    Best regards,
    Ismael

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.