Home › Forums › Pro Themes › Travel Ultimate Pro › Trip Tabs CSS? error

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 16, 2019 at 5:11 pm #95328
    Stuart Lade
    Participant

    Hey,

    bought the pro version (1.0.2) of Travel Ultimate and just wondering if you can fix this bug please? Something up with the trip-tabs? Others must be getting the same. I’ve done no modifications to this bit of the website, when I revert to the standard Travel Ultimate Pro theme instead of my child theme the problem is there so must be a problem from the outset.

    Screenshot below;

    https://drive.google.com/file/d/1tv2djT_pQOdrB78kZcQPydQ4tcvf4Ok4/view?usp=sharing

    April 17, 2019 at 1:41 am #95372
    wensolutions
    Keymaster

    Hello,

    First of all thank you very much for using the theme.

    Regarding your query, actually, we are not quite clear with your issue.

    So can you please explain it more clearly, may with the proper screenshot so that we can help you further.

    Thank you.

    April 17, 2019 at 4:14 am #95383
    Stuart Lade
    Participant

    Here’s a link to another screenshot highlighting the issue.

    https://drive.google.com/file/d/17ligGCwTD0Sp0WMgU74doJ1g5zkuCR0D/view?usp=sharing

    The problem seems to be with the <div id=”slider-tab”> or <div class=”slick-track”> that surrounds the

  • elements. These are inserted with javascript which wraps the wordpress templates (not sure why javascript is needed here, surely there’s a more elegant CSS solution?) but I don’t code in Js so can’t fix myself.

    The arrows for the slider both point up when I expect they’re supposed to point left and right.
    The arrows are misaligned to the tabs.
    The theme otherwise looks very smart but a bit disappointed to be having to try and fix stuff which is as stock should just work.

    I haven’t modified any parts relating to the Travel Tabs and have tested by reverting to the stock Travel Ultimate Pro theme (version 1.0.2 which I purchased a couple of months ago). Even using an unaltered theme this issue persists so I expect must be a problem for others?
    Running the latest WordPress version 5.1.1 and the latest WP Travel version 1.9.5.

    Can you provide a fix that sorts the Javascript issue out.
    If this is likely to take some time can you also provide a fix that strips out the Javascript slider and provide a simpler Tab solution.

    I can provide log in details if required as there is no sensitive information on the website currently.

    Thanks

April 18, 2019 at 4:53 am #95443
Stuart Lade
Participant

Hey Guys,

have you had a chance to look at this? Can email me also.

Thanks

April 19, 2019 at 12:36 am #95483
wensolutions
Keymaster

Hello,

When we inspected your site URL, we found that you have not activated the WP Travel plugin and hence we could not figure out the issue.

Can you please once activate the plugin and let us know so that we can inspect the issue further?

Hope to hear from you soon,

Best Regards!!

April 20, 2019 at 7:50 am #95698
Stuart Lade
Participant

My site is in maintenance mode so you wouldn’t be able to see the issue obviously. The WP travel plugin is activated or how would I be generating the screenshots above?

As in my previous post, please can you email so I can provide login details as I’m obviously not going to post these on a public forum.

Thanks,

Stu

April 22, 2019 at 12:16 am #95778
wensolutions
Keymaster

Hello,

Please provide your login details in the given address : wensolution[@]gmail.com

Hope to hear from you soon,

Regards!!

April 23, 2019 at 2:49 am #95843
wensolutions
Keymaster

Hello,

Thank you for the login detail.

Please add below-given CSS by going to Admin Panel > Appearance > Customize > Additional CSS to resolve the issue.

.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-prev{
	 left: -25px;
	 border-right: 0; 
    transform: rotate(270deg);
}
.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-next{
	 right: -26px;
     border-right: 0; 
    transform: rotate(90deg);
}
.wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-next, .wp-travel-tab-wrapper .tab-list.resp-tabs-list .slick-prev{
	border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    line-height: 0;
    top: 18px;
}

Hope this helps.

Thank you.

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