Announcement

Collapse
No announcement yet.

Issue centering forum title with logo (vB cloud version 5.4.0)

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

    Issue centering forum title with logo (vB cloud version 5.4.0)

    I have forums and subforums with icons next to them and I don't want the font to be so big that it makes the forum and subforum titles look out of place to try to match up with the icons. I'm using CSS and below is the variable I'm working to change for the forum title; subforum title will be similar in method once I get this sorted out.

    /* Forum Channel Size and Location Modifications */
    .forum-list-container .forum-item .cell-forum .forum-title {
    font-size: 20px;
    font: bold;
    margin-left: 50px;

    }

    but I have not found a way that vertically centers the forum title to better match the logo. I've tried top, bottom, margin-top, vertical-align, align-items trying to figure out ways to make it work but nothing has so far. The subforums have bigger fonts to show the difference in what it would have to be to match the icon but I want the text to vertically center along with the icon but be smaller so it's easier to read.

    Any thoughts?


    Click image for larger version

Name:	Screen Shot 2018-04-05 at 3.17.37 PM.png
Views:	345
Size:	129.7 KB
ID:	10199





    #2
    It's better if you post a link to your forum so I can take a look. But my initial guess is to add line-height equal to the height of the icon. But if you have long forum names and if it wraps to next line, the space between the lines will be that tall.
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      #3


      Comment


        #4
        the name of our board is a long story but I'll tell you if you want to know lol

        Comment


          #5
          Glenn, you're the man. I got back into looking at this one and line-height property worked. Much appreciated. This one had frustrated the heck out of me for some time. I hope you enjoy yourself a coffee, thanks for the boost.

          Comment


            #6
            Glad to help! Thanks for the coffee.
            Helpful? Donate. Thanks!
            Buy me a coffeePayPal QR Code
            Fast VPS Host for vBulletin:
            A2 Hosting & IONOS

            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 "|||"