Visual Composer CSS - by neil - on WordPress WooCommerce support

This topic has 6 replies, 4 voices, and was last updated 8 years, 11 months ago ago by Brian Johnson

  • Avatar: midlandsonline
    neil
    Participant
    May 6, 2015 at 13:47

    Hi

    In relation to this topic yesterday https://www.8theme.com/topic/visual-composer-css/

    I still have a couple of queries,

    If you look at this page http://muscatproperties.co.uk/about-us-2/

    The grey border is still visible on some of the tabs and I cant figure out why, also on the left next to the page title there is a black line with an arrow, how can this be removed?

    Also, is there any way that the start of the tabbed content on the right can be aligned to start on the same line as the tab title on the left?

    Finally, any idea on the code to create a vertical hr line? (I have an extremely fussy customer who wants one.)

    Thanks

    5 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    May 6, 2015 at 14:11

    Hello,

    Do you want to remove borders or change their color?
    Please show a screenshot what you want to achieve.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: midlandsonline
    neil
    Participant
    May 6, 2015 at 14:27

    Hi Eva

    Ideally I would like to achieve this http://muscatproperties.co.uk/wp-content/uploads/2015/05/screenshot.png – This is a screen shot of this page http://muscatproperties.co.uk/about-us-2/

    With the start of the content on the right moved up to be in line with the tab title and all borders removed

    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 6, 2015 at 14:39

    Hello,

    Please add following code in custom.css file.

    .left-bar .left-titles .tab-title-left{
      border-style: none;
    }
    .toggle-block .toggle-element > a{
      border-bottom: none;
      padding: 21px 0;
    }
    .left-bar .left-titles .tab-title-left.opened:after,
    .left-bar .left-titles .tab-title-left.opened:before{
    display:none;
    }
    .tabs .tab-content{
      margin-top: 10px !important;
    }
    .left-bar .tab-content{
      border: none;
    }

    Regards,
    Robert Hall.

    Avatar: midlandsonline
    neil
    Participant
    May 7, 2015 at 14:57

    Hi there

    Thanks for the code yesterday, it has partly worked but if you look on this page http://muscatproperties.co.uk/about-us-2/

    and click on WHAT WE DO you will see there is still a border above DIRECTOR PROFILES and to the side of WHAT WE INVEST IN

    any ideas on how to fix this?

    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 7, 2015 at 15:07

    Hello

    Please add following code:
    .left-bar .left-titles{border:transparent !important;}

    With best regards
    Brian Johnson

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.