-
AuthorPosts
-
May 15, 2017 at 12:08 am #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 LittrellMay 15, 2017 at 8:20 am #793187Hey 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 TorvikMay 16, 2017 at 6:58 am #793733I 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.
May 16, 2017 at 7:25 am #793741Hi,
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,
RikardMay 16, 2017 at 5:56 pm #794194I 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.
DebraMay 17, 2017 at 4:57 am #794600Hi,
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,
RikardMay 19, 2017 at 12:39 am #796255I 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,
DebraMay 19, 2017 at 5:11 am #796298Hi,
Thanks for the info, but what`s the URL to access the dashboard, please?
Best regards,
John TorvikMay 20, 2017 at 8:10 pm #797094I 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.
May 22, 2017 at 9:03 am #797469Hi,
I made a little adjust in the custom CSS code and all tabs is working now :)
Best regards,
John TorvikMay 22, 2017 at 8:39 pm #797898This 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, 6 months ago by D579L.
May 25, 2017 at 7:52 am #799398 -
AuthorPosts
- You must be logged in to reply to this topic.