New Landing › How can we help? › Themeforest Theme Support › Pinpoint › Tab border

Tagged: , , , ,

Viewing 15 posts - 1 through 15 (of 22 total)
1 2
  • Back to forum
    Posted in: Pinpoint
  • April 13, 2013 at 5:03 pm #1537
    ritchmedia
    Member
    Post count: 66

    Hi, please can you tell me how to change the styling on tabs. specifically the border. thanks

    April 13, 2013 at 5:20 pm #1543
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    What are you looking to change it to?

    – Ed

    April 13, 2013 at 5:46 pm #1551
    ritchmedia
    Member
    Post count: 66

    Hi Ed.

    I want to change the border colour that surrounds the tab content and the actual tabs. Cant see anywhere to change it in the theme options or the css stylesheet.

    thanks,

    James

    April 14, 2013 at 6:59 pm #1608
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    You can change the border around the tabbed content with:

    .wpb_tabs .ui-tabs .ui-tabs-panel {
border: 1px solid #e5e5e5;
}

    and the tabs themselves are:

    .wpb_tabs.standard .ui-tabs .ui-tabs-nav li {}

    You should add also custom css to Pinpoint Options > General Options > Custom CSS

    – Ed

    April 15, 2013 at 8:02 pm #1704
    ritchmedia
    Member
    Post count: 66

    Hi, thanks for that, but it’s not quite 100% right…

    The border now surrounds everything. How do I make it replicate your original styling, so that there is no bottom border on the active tab. (see screen grab)

    thanks.

     

     

    April 16, 2013 at 2:31 pm #1768
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Try:

    .wpb_tabs .ui-tabs .ui-tabs-panel {
border: 1px 1px 0 1px solid #e5e5e5;
}

    Regards,
    ————————————————————————————————————

    Cosmin
    Support Assistant

    April 16, 2013 at 6:01 pm #1826
    ritchmedia
    Member
    Post count: 66

    Sorry that doesn’t display any borders.

    Do you not have the necessary code within your page-builder that you can copy n paste?

    All I want to do is change the colour of the borders

    thanks, Jmaes

    April 17, 2013 at 8:15 pm #1924
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Sorry, try this:

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #e5e5e5 !important;
}

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    April 19, 2013 at 7:30 pm #2234
    ritchmedia
    Member
    Post count: 66
    This reply has been marked as private.
    April 22, 2013 at 12:10 pm #2433
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi James,

    Tried logging in, but it says not permitted.

    The only css you should need for this is:

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-header, .wpb_tabs .ui-tabs .ui-tabs-panel {
border-color: #81d742!important;
}

    – Ed

    April 22, 2013 at 7:27 pm #2471
    ritchmedia
    Member
    Post count: 66

    That cracked it! nice one Ed.

    March 23, 2015 at 11:30 am #159827
    francesco
    Member
    Post count: 67

    Hello, i’m tryng to do this fix, but don’t work for me.
    Can you help me please?

    March 23, 2015 at 11:31 am #159831
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Can you provide us the url for the page you are trying to change it?

    -Rui

    March 23, 2015 at 11:32 am #159832
    francesco
    Member
    Post count: 67

    i would like to fix the tabs look like this attach*

    Attachments:
    You must be logged in to view attached files.
    March 23, 2015 at 11:33 am #159834
    francesco
    Member
    Post count: 67

    this url

    http://www.dellamarca.it/climatic-chambers/#technicaldescription

  • Back to forum
    Posted in: Pinpoint
Viewing 15 posts - 1 through 15 (of 22 total)
1 2

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