link style in list in tab content has padding

  • Resolved FransMuller

    (@fransmuller)


    3 years, 11 months ago

    when using links in a list the style from the template is overwritten by the style of (1) wptabs….min.css .sp-tab__lay-default ul>li>a{text-decoration:none;color:#111} which changes the default color to Black and (2) the style from the tab labels; as these are padded

    #sp-tabpro-wrapper_699.sp-tab__lay-default ul > li > label, #sp-tabpro-wrapper_699.sp-tab__lay-default ul > li > a, #sp-tabpro-wrapper_699.sp-tab__lay-default ul .sp-tab__nav-item {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }
    #sp-tabpro-wrapper_699.sp-tab__lay-default ul > li > label, #sp-tabpro-wrapper_699.sp-tab__lay-default ul > li > a {
    cursor: pointer;
    border-color: #cccccc;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    }`

    the latter results in all links in lists being Black, and padded. not very sightly. the .min style sheet can be edited in the plugin editor, but the wrapper styles could not be avoided. in the end I went to numbered lists…

    • This topic was modified 3 years, 11 months ago by FransMuller.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Md Khalil Uddin

    (@khalilu)

    Hi @fransmuller,

    Thanks for pointing out this. We have tested the unordered list linking locally and we found the same issue. But it’s working fine on the ordered list. Anyway, we have noted this in our plugin improvement list. It will be fixed in the next version of the plugin.

    Your understanding and patience would be appreciated.

    For now, please give it a try with the below CSS.

    .sp-tab__lay-default .sp-tab__tab-content .sp-tab-content ul>li>a {
    color: #c32121;
    padding-left: 0px !important;
}

    Note: Set the color as you want.

    Hope the above CSS will remove the padding and color issue.

    Thanks again.

    Where does the CSS above go? It didn’t do anything in the “Additional CSS” section of Settings!

    Plugin Contributor Md Khalil Uddin

    (@khalilu)

    Hi @gcolbourn,

    Are you using the latest version of the plugin? If you do then the Additional CSS field should work. Can you please put the above CSS again on WP Tabs> Settings> Additional CSS. See the screenshot. If it doesn’t work then you can try to keep the CSS in Appearance> Customize> Additional CSS. See the field in the screenshot.

    Please let us know if it works or not.
    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘link style in list in tab content has padding’ is closed to new replies.