Enforce custom CSS

  • sholis

    (@sholis)


    5 years, 2 months ago

    Hello everyone,
    please how can i arrange team member’s name alphabetical on this page

    i want to change the colour on this tab to another http://prntscr.com/wiyh5v

    i have added this CSS to additional css menu, but it wont work http://prntscr.com/wiyz2r

    .wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-classic .vc_tta-tab>a {
    border-color: #484152;
    background-color: #701240;!important
    color: #fff;
    }

    kindly assist

    • This topic was modified 5 years, 2 months ago by sholis.
    • This topic was modified 4 years ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • tugbucket

    (@tugbucket)

    5 years, 2 months ago

    .vc_tta-tabs-list li:last-child a {
    background: red !important;
    color: lime !important;
}

    As for how to list team members alphabetically, what are you doing to list them?

    If it’s something you don’t have an option to change, and team members are a post type, you could try this: https://wordpress.org/plugins/intuitive-custom-post-order/

    paulwpxp

    (@paulwp)

    5 years, 2 months ago

    Regarding the changing bg color on said elements, are you sure it’s not configurable via theme or plugin settings? I have a feeling that it’s configurable.

    In case the option isn’t provided, with current settings, use these selectors for that (code be put in childtheme’s style.css, or Additional CSS section).

    
body.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, 
body.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
	background-color:yellow;
	border-color:red;
}

body.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover, 
body.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading:hover {
	background-color:red;
	border-color:yellow;
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Enforce custom CSS’ is closed to new replies.