Announcement

Collapse
No announcement yet.

‘Set Answer” issue 5.6.5

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • ‘Set Answer” issue 5.6.5

    The username (dark blue) blends in with the border making it hard to see. Is there a way to fix this by changing the border or text color without affecting anything else on the site?

  • #2
    I have the same issue. The color of the link to the username uses the same style variable as the other user links on the site. In addition to the question of the OP, is there a stylevar to change the black boarder color for answered questions.

    Comment


    • #3
      twistsol
      ​​​​​​​PM sent instead

      Comment


      • #4
        To keep development and testing time inline, no new style variables were added. This was actually my suggestion as I wanted to wait for customer feedback.

        The border uses the Global Style Variables already defined in your style.
        • background: global_palette_accent_01
        • color: global_palette_text
        • link: body_link_color
        Here is the default CSS:
        Code:
        <vb:comment>pinned answer styling</vb:comment>
        .b-post.pinned-answer {
        border-style: solid;
        <vb:comment>/* Keep this in sync with .b-post .answer-label background-color below. */</vb:comment>
        border-color: {vb:stylevar global_palette_accent_01.color};
        border-width: 5px;
        <vb:comment>/*part 1 to restore the rounded left borders of the userinfo block/left column */</vb:comment>
        background-color: {vb:stylevar global_palette_accent_01.color};
        }
        .b-post.pinned-answer > div.l-row {
        <vb:comment>/*part 2 to restore the rounded left borders of the userinfo block/left column */</vb:comment>
        border-radius: 3px;
        background-color: {vb:stylevar postbit_background.color};
        }
        .b-post .answer-label {
        margin-top: 10px;
        <vb:comment>/* Based on the stylevars that the footer element inherits, to use the iconic vBulletin blue/navy bg color with white text. */</vb:comment>
        background-color: {vb:stylevar global_palette_accent_01.color};
        color: {vb:stylevar global_palette_text_03.color};
        <vb:comment>/* Using same font style as conversation-status-emssage.notice */</vb:comment>
        font-weight:bold;
        font-size: 1.4rem;
        padding: 6px 10px;
        <vb:comment>/* work around background bleedthrough issue.*/</vb:comment>
        margin: -1px;
        }
        You can override the label of pinned answers with custom CSS on the [var].answer-label[var] class. Use .answer-label a for links. New style variables can be added if necessary. Though I do worry about the tool becoming bloated and losing its usefulness. Please provide all the feedback you want so we can evaluate.
        Last edited by Wayne Luke; Fri 29 Oct '21, 8:28am.
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment


        • Wayne Luke
          Wayne Luke commented
          Editing a comment
          I do think there is the case for a "Contrast" link color to be used on darker backgrounds (light background on the Dark theme).

      • #5
        This is the basic CSS you would need to change the color of the link:

        .answer-label a {color:white;}
        Translations provided by Google.

        Wayne Luke
        The Rabid Badger - a vBulletin Cloud demonstration site.
        vBulletin 5 API

        Comment


        • Carrfixr
          Carrfixr commented
          Editing a comment
          Well that worked just fine. Thanks

      • #6
        Thanks Wayne, you just saved me a bunch of fumbling around looking for stuff.

        Comment

        Related Topics

        Collapse

        Working...
        X