Announcement

Collapse
No announcement yet.

How do I make the font size/font style permanent in 'search' widget?

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    How do I make the font size/font style permanent in 'search' widget?

    I have a search widget setup inside a tabbed container, one showing latest posts and one showing latest threads.

    For the ones showing the latest posts (with a little preview), if a user uses a different font size/color/bold/etc, this will also reflect in the module result, causing some undesired mess and inconsistency. Is there a way to make the font in the search module always adhere to a specific set?

    This is what I mean, I'd obviously like to avoid the huge red font if possible....

    Click image for larger version

Name:	search.JPG
Views:	533
Size:	38.4 KB
ID:	14561

    Thanks!

    #2
    This is not a fully comprehensive solution as there are a lot of possible ways to format the text. But this is some of the most commonly used.

    Code:
    .b-post-sm__post-content.restore b {
        font-weight: normal;
    }
    
    .b-post-sm__post-content.restore u {
        text-decoration: none;
    }
    
    .b-post-sm__post-content.restore i {
        font-style: normal;
    }
    
    .b-post-sm__post-content.restore span {
        color: #252c2f !important;
        font-size: 14px !important;
        font-family: Helvetica, Arial, sans-serif !important;
    }
    
    .b-post-sm__post-content.restore ul {
        margin: 0;
    }
    
    .b-post-sm__post-content.restore a,
    .b-post-sm__post-content.restore a span {
        color: blue !important;
        text-decoration: none !important; /* Change none to underline to add link underline if needed */
    }
    .b-post-sm__post-content.restore a:hover,
    .b-post-sm__post-content.restore a:hover span {
        color: red !important;
    }
    Change property values as needed.
    Last edited by glennrocksvb; 11-19-2018, 02:35 AM.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


    • watershed
      watershed commented
      Editing a comment
      Perfection

    #3
    glennrocksvb Thanks again for the awesome css code. I am running into another font size related issue that I wonder if is related to this implementation somehow.

    I can't seem to change to font size of the forum title in the homepage. I was able to change (using google inspect tool and adding to css_additional.css) all the other fields such as forum description, total posts, total replies, last poster etc., but couldn't change the size of the actual forum title. See here highlighted in yellow

    Click image for larger version

Name:	highlight.JPG
Views:	145
Size:	69.7 KB
ID:	14582

    Google's inspect tool seems to point to
    Code:
    .forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info
    but this doesn't seem to change anything.

    I am wonder if this is being overridden by something else?

    And as always, can't help you enough for all your awesome work.
    It seems that every time I search for a vBulletin related answer, you seem to pop up somewhere to give a perfect solution

    Comment


      #4
      The forum title has no associated stylevar. So customize it using css_additional template.

      Code:
      .forum-list-container .forum-item .cell-forum .forum-title {
          font-size: 16px;
      }
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #5
        Aha that did it! I wonder why I couldn't easily find the correct item with google chrome's inspection tool, usually that works very easily.

        Thank you so much

        Comment

        Users Viewing This Page

        Collapse

        There is 1 user viewing this forum topic.

        • Guest Guest

        Latest Posts

        Collapse

        Working...
        X
        Searching...Please wait.
        An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

        Please push the back button and reload the previous window.'
        An unexpected error was returned: 'Your submission could not be processed because the token has expired.

        Please push the back button and reload the previous window.'
        An internal error has occurred and the module cannot be displayed.
        There are no results that meet this criteria.
        Search Result for "|||"