• Hello.

    I’m having a couple issues with the plugin. I followed the instructions on the support page to create the update-proof CSS sheet.

    What I’m seeing is:

    1. The original comments and the responses seem to be taking on different characteristics. I just want the comments to reflect the formatting of my content

    2. The Reply buttons aren’t displaying unless they are hovered over, which I don’t think should be happening.

    Is there any suggestions you can make based on the page I referenced (these issues actually appear on all posts, the one I specified was just an example).

    Thank you!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    Hi EJNterprises,

    This is a small conflict with your theme. You need to use the following CSS codes to solve these issues. Put those in Dashboard > Comments > Settings > Styling > Custom CSS Code textarea. Delete all caches and do CTRL + F5 on frontend.

    1. The original comments and the responses seem to be taking on different characteristics. I just want the comments to reflect the formatting of my content

    #wpcomm .wc-reply .wc-comment-right .wc-comment-text {
        line-height: inherit !important;
        font-size: 16px !important;
    }

    2. The Reply buttons aren’t displaying unless they are hovered over, which I don’t think should be happening.

    #wpcomm .wc-footer-left .wc-reply-button {
        background-color: #060058;
    }
    Thread Starter Eric J. Nisall

    (@fallen8)

    Thank you…

    The button issue was resolved but the fonts just don’t seem to be taking to the changes. I’ve flushed my site’s master cache and cloudflare cache as well. If I look at the Chrome inspector it shows that the responses are using a 13px font as instructed by wpdiscuz.css

    Here is a screenshot of the custom css box from the plugin https://1drv.ms/u/s!AtdhS8kDHuOHjVTCCdnvso6u00wH

    Plugin Support gVectors Support

    (@gvectorssupport)

    Please remove the code in the previous post and put this one.

    #wpcomm .wc-reply .wc-comment-right .wc-comment-text p {
        font-size: 16px !important;
        line-height: inherit !important;
    } 
    Thread Starter Eric J. Nisall

    (@fallen8)

    That corrected the font size in the replies, but the line height is still “smushed”.

    Sorry if this seems like a small thing, but it’s important to have everything look the same.

    Plugin Support gVectors Support

    (@gvectorssupport)

    Dear @fallen8,

    Please change the line-height value to 1.75.

    So the final CSS code should be:

    #wpcomm .wc-reply .wc-comment-right .wc-comment-text p {
        font-size: 16px !important;
        line-height:  1.75 !important;
    } 

    Also, I see CSS conflict with the color of sorting buttons:

    The following CSS will solve this issue.

    #wpcomm .wpdiscuz-sort-button {
        color: #c93f3f;
    }

    Change color value (#c93f3f) before using.

    Thread Starter Eric J. Nisall

    (@fallen8)

    Yes!

    That looks like it solved all of my issues, thank you!

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

The topic ‘Customizing CSS’ is closed to new replies.