Home Forums Weaver Xtreme Theme Woocommerce description all on one line

Topic Resolution: Resolved

This topic contains 6 replies, has 2 voices, and was last updated by  edtiley 7 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #59683

    edtiley
    Participant

    When viewing Woocommerce products with Weaver Xtreme the description tab is displaying on one line.

     

    Is there something in the CSS  that is causing it to have a line height of 0 (zero)?

    #59687

    scrambler
    Moderator

    Please provide a link to your page with specifics about where to look

    #59690

    edtiley
    Participant

    Hey Scrambler,

     

    Go to https://infocusapparel.com and click on any product you choose. Scroll down to the description and you’ll see it.

     

    Thanks,

    Ed

     

     

    #59692

    scrambler
    Moderator

    There is a rule

    .wrapper {line-height:0;}

    In the Woo.css file

     

    #59704

    edtiley
    Participant

    That is so strange! It affects the whole wrapper!

    Twenty-Nineteen and Storefront must override this line.

    I put {line-height:normal; !imortant} into the CSS field  in wrapping areas, and it took care of the problem.

     

    Thanks for your help and advice!

    Ed

    #59706

    scrambler
    Moderator

    Given it is in the Woo.css, there must be an option in Woocommerce to change it.

    If you don’t find it, you should speak with Woocommerce to figure it out

    Weaver sets the line height on the body tag at 1.5, so the woo rule overrides it.

    The rule you added to create a wrapper rule for the line height is fine, but you have a spelling and a syntax error on !important so that part is ignored. 

    You actually do not need !important, because the rule generated by weaver when using that CSS box will use the #wrapper selector which uses the ID and that is stronger that a class (.wrapper)

    So just use

    {line-height:1.5;}

    For future reference the proper rule using important would have been with !important before the ;

    {line-height:normal !important;}

    #59709

    edtiley
    Participant

    Thanks

     

    Ed

     

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.