Divider line above cross sells

  • Resolved victoriam7591

    (@victoriam7591)


    3 years, 10 months ago

    Hi,

    I have a simple request but I can’t seem to solve it myself. I just need a simple code to place a light grey dividing line just bellow my product description and above my cross-selling Title “Das k?nnte dir auch gefallen”.

    Maybe similar in how the line under the Tabs in the product description looks.

    Thank you so much in advance!

    Best,
    Victoria

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

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

  • Hi! Thanks for reaching out!

    To add a divider line above your “Das k?nnte dir auch gefallen” title I’d suggest adding a border to the bottom of the tabs panel with the following CSS: 

    
 /* add border above  “Das k?nnte dir auch gefallen”. */
.woocommerce div.product .woocommerce-tabs .panel {border-bottom: solid 5px #51585f;
}

    You can adjust the appearance of that line by changing the values. For example to make it really thick, use a larger px value such as 10 or to make it a different color replace the #51585f with a different hex color code, dark blue for example would be #140593.

    I hope that helps!

    Thread Starter victoriam7591

    (@victoriam7591)

    Thank you!

    That worked out perfectly ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Divider line above cross sells’ is closed to new replies.