• 

  zf

  Participant

  July 13, 2015 at 07:53

  Hi Guys, please could you assist with changing the “Dot” icon to a “Line” on a product tab

  I have attached the screenshots and details to the site in pvt content

  from: http://prntscr.com/7s22kx

  to: http://prntscr.com/7s22q0

  Thanks

  Please, contact administrator
  for this information.

  #74741 Copied
  7 Answers
  

  Stan Russell

  Participant

  July 13, 2015 at 08:50

  Hello,

  please add following code to your custom.css file:

  .products-tabs .tab-title:after {
    width: 3px;
    height: 15px;
    top: 2px;
    right: -18px;
  }

  Regards,
  Stan Russell.

  #74754 Copied
  

  zf

  Participant

  July 13, 2015 at 09:09

  Hi, it doesnt seem to be working.

  Thanks

  #74760 Copied
  

  Eva Kemp

  Participant

  July 13, 2015 at 13:17

  Hello,

  Please add !important to the code lines:

  .products-tabs .tab-title:after {
    width: 3px !important;
    height: 15px !important;
    top: 2px !important;
    right: -18px !important;
  }

  Regards,
  Eva Kemp.

  #74827 Copied
  

  zf

  Participant

  July 14, 2015 at 08:30

  Hi there, my bad. All working now and thank you. However there is just one more thing that required adjustments.

  I am battling to get the product tabs to align with the header.

  Please check attached file in pvt content.

  Thanks

  Please, contact administrator
  for this information.

  #75027 Copied
  

  Jack Richardson

  Support staff

  July 14, 2015 at 09:07

  Hello,

  Please try to use this code in custom.css:

  .wpb_content_element.products-tabs.not-column-inherit.tabs {
    margin-left: 40px !important;
  }

  Best regards,
  Jack Richardson.

  #75041 Copied
  

  zf

  Participant

  July 14, 2015 at 10:12

  Hi, all sorted.

  Thanks

  #75054 Copied
  

  Jack Richardson

  Support staff

  July 14, 2015 at 12:14

  Hello,

  You’re welcome.

  Best regards,
  Jack Richardson.

  #75087 Copied
• Viewing 8 results - 1 through 8 (of 8 total)