New Landing › How can we help? › Themeforest Theme Support › Dante › tour tabs

Viewing 13 posts - 1 through 13 (of 13 total)
  • Back to forum
    Posted in: Dante
  • September 29, 2014 at 7:01 pm #115632
    pbi design
    Member
    Post count: 82

    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

    September 29, 2014 at 7:39 pm #115633
    pbi design
    Member
    Post count: 82

    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

    September 30, 2014 at 7:55 am #115740
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 30, 2014 at 1:47 pm #115937
    pbi design
    Member
    Post count: 82

    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.

    September 30, 2014 at 2:20 pm #115945
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 30, 2014 at 2:31 pm #115950
    pbi design
    Member
    Post count: 82

    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.
    September 30, 2014 at 5:02 pm #116036
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    September 30, 2014 at 5:26 pm #116042
    pbi design
    Member
    Post count: 82

    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…

    October 1, 2014 at 3:04 am #116141
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

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

    October 2, 2014 at 5:37 pm #116817
    pbi design
    Member
    Post count: 82

    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.

    October 2, 2014 at 7:06 pm #116844
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    October 2, 2014 at 7:14 pm #116848
    pbi design
    Member
    Post count: 82

    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.
    October 2, 2014 at 8:52 pm #116873
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

  • Back to forum
    Posted in: Dante
Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register