• So the first thing I did was switch to your Minimal option and then write my own css into your handy box on that page. But I discovered that “Minimal” doesn’t even include normal word breaks… And I don’t seem to be able to fix that with css, see below.

    There is some heavy-duty caching going on with your css. I’m checking in chrome with browser caching turned off and in firefox with lightspeed admin caching turned off (can’t really turn of browser and lightspeed caching in the same browser and still work because admin gets logged out all the time, and browser caching doesn’t work with incognito window).

    I thought your css box at Settings>Styles & Colors would be the best place to put css, but changes from there seem to take hours to propagate, while changes I make to elementor templates propagate immediately. What’s the difference? Is there a precedence?

    Since I was unable to verify basic fixes of your Minimal, I went back to Default because at least it was readable, and then just made color changes from there. But I cannot seem to kill that super-wide right margin. My inspector tells me my css has come through at 5% on each side, but there’s still a massive margin-right on the screen, despite what inspector is telling me. Does it have to do with a width setting? I have tried .comments-area {width:auto;}, to no avail.

    Please advise in general about css and in particular about width and margins.

    Thank you,

    Violet

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

    (@gvectorssupportmember)

    Hi @violetta,

    Please follow this support topic: https://wpdiscuz.com/community/troubleshooting/responsive-mobile/#post-1401

    But I cannot seem to kill that super-wide right margin. My inspector tells me my css has come through at 5% on each side, but there’s still a massive margin-right on the screen, despite what inspector is telling me.

    It seems there is a cache issue. So please delete all caches and press CTRL+F5(twice) on the frontend and check again.

    Thread Starter violetta

    (@violetta)

    Since my forum is not open to not-logged in users, I took a screenshot, and put it here:
    https://tangoforge.com/aperture/discuz/

    You can see in the screenshot that browswer cache is turned off in developer tools at bottom right. I purged the lightspeed cache on this page and reloaded before taking the screenshot.

    You can see, the margins are not 5%, and the color of author’s name is not violet #7014F9.

    This is what I have put in wpDiscuz>Settings>Styles&Colors>custom css:

    #comments, #respond {background-image: none !important; color: #595959;}
    .wpd-comment-right {background-color: rgba(255,255,255,.7) !important; padding: 20px;}
    .comments-area {width:auto;}
    .wpd-comment-text p {line-height: 20px !important; padding-bottom: 15px; font-size: 18px !important; word-break: normal !important; color: #595959 !important;}}
    .wpd-comment-author {color: #7014F9 !important;}
    .wpd-view-replies {font-weight: 700; color: #9900FF !important;}
    .fas {font-size: 24px; font-weight: 700;}
    #wpdcom {margin-left: 5%; margin-right: 2%;}
    .ql-editor {color: #595959 !important;}
    .wpd-form-head {color: white;}

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

The topic ‘styles, colors, css’ is closed to new replies.