Home › Forums › WoodMart support forum › edit additional information tab

edit additional information tab

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 26, 2022 at 11:22 am #423992

    ritik
    Participant

    I want to make it aligned on left side

    Attachments:
    You must be logged in to view attached files.
    November 26, 2022 at 4:38 pm #424030

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    If we try to align all the Information under the Additional Information tab to the Left then this would be
    result with the CSS applied: https://ibb.co/pKWx2K5

    If you are good with this then please please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .woocommerce-product-attributes.shop_attributes tbody tr { justify-content: flex-start !important; }
.woocommerce-product-attributes.shop_attributes tbody td { text-align: left !important; }

    If you just want to make the How to Use and Benefits text align to left, then please try using only this CSS:

    .woocommerce-product-attributes.shop_attributes tbody td { text-align: left !important; }

    Best Regards

    November 26, 2022 at 4:46 pm #424038

    ritik
    Participant

    Is there any way i can change the way this tab looks. Different color for row etc

    November 28, 2022 at 2:41 am #424200

    ritik
    Participant

    ??

    November 28, 2022 at 12:22 pm #424311

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry for the delay in the response due to the weekend.

    Colors for the Rows can be specifically changed with the help of Custom CSS as all the Rows here have separate and different classes added. The change would result in something like it is shown in the following Image: https://ibb.co/tzmSWM3

    As an example, for the Brand row here the Color change would be possible with the following CSS applied:

    This CSS would change the Background color of Row and will also change the Text color added:

    .woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_brand {
  background: red !important;
  color: #fff !important;
}

    This CSS would change the Text color specifically for the Item’s Heading which is Brand in this CSS case:

    .woocommerce-product-attributes-item.woocommerce-product-attributes-item--attribute_brand th {
   color: #fff !important;
}

    In this way, for other Rows the Custom CSS will need to be applied.

    Best Regards

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)