tour tabs

[pbi design]

I would like to adjust the look and alignment of the tour tabs. I need the tabs to be 1/3 column long, so the text fits on one line. Each of the tabs will load an icon box, which needs to be 2/3 column wide. Can I do this with custom CSS or by modifying the appropriate file in a text editor?

If this isn’t possible can I achieve the same functionality with a custom menu in a sidebar that just loads an icon box next to it on same the page?

thanks.
Rossitza

[pbi design]

I forgot to include an additional link to a different page which has the custom menu sidebar. I am trying to achieve the same look and alignment with the tour tabs. I would actually prefer to just keep the custom menu sidebar, so it’s consistent throughout the site, but I don’t know how to get the custom menu to load just the icon box assets on the same page…

http://pbidesign.com/evolution/?page_id=12365

[Mohammad – SUPPORT]

Hi there,

Unfortunately that is not part of the current theme functionality, and it’s not within the scope of our support to be able to provide that functionality as it is more work than a small customisation. While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need that functionality, potentially from one of the below resources:

https://codeable.io

Home

http://www.microlancer.com

Thanks 🙂
With Best Regards
Mohammad

[pbi design]

hmmm, can you at least let me know which file(s) I can look at to see how the tabs are coded? and at what lines of code I will be able to find the tab parameters.

it’s pretty ridiculous to have tabs that are so narrow – you can’t have more than one word in them!!! It’s very frustrating to try to work with an asset that is so restricted.

[Mohammad – SUPPORT]

Hi,
You can edit tour.php at /dante/swift-framework/page-builder/builder/shortcodes/. I need mockup screenshot image to get your problem exactly.

Thanks
Mohammad

[pbi design]

here’s the screen shot – the tabs are a fixed width, so the text doesn’t fit on one line.IF it’s set as a fixed width then I’d like to change it so it’s as wide as a 1/3 column of text.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap{
margin-top:0px !important;
}
.spb_tour .tab-content{padding-left:370px;}
.spb_tour .nav-tabs{width:380px !important}

Thanks
Mohammad

[pbi design]

Aaaawwwwwww, look at that – so clean. Thanks so much!

I will show this to my client, but he is a real stickler for consistency, and I know he’ll ask why I am not using the same sidebar menu style as on other pages. Here is an example: http://pbidesign.com/evolution/?page_id=12365

Is there a way to use a sidebar custom menu instead of the tabs and then have the links load the icon boxes? With a custom class for each icon box somehow? I have no idea…

[Mohammad – SUPPORT]

Hi,
There is no way as you want sidebar custom menu instead of the tabs.
Thanks
Mohammad

[pbi design]

right. but it must be feasible to style the tabs the same was as the sidebar menu, right?

That is, with lines above and below, color hover, little arrow to the side, removing the boxed outline and the background color, etc.

[Rui Guerreiro – SUPPORT]

Hi,

What specifically you want to change? It also depends always of the complexity of the request, if it’s to complex it goes outside the scope of our support.

-Rui

[pbi design]

Hi Rui,

here is a screen shot of what I am asking about. Is it feasible?

thanks,
Rossitza

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Try the following code

.spb_tour .nav-tabs li a {
border-color: #FFFFFF!important;
}

.spb_tour .nav-tabs li.active a{
background-color: #FFFFFF!important;
color: #3F7BD5!important;
-webkit-box-shadow: none!important;
 box-shadow: none!important; 
}

-Rui