Please help me fix this icon alignment

Discussion in 'CSS' started by Divvy, Jan 20, 2023.

0
  1. #1
    Can someone please help me fix this icon before the category title?

    URL: https://bestlistofporn.com/top-sex-cam-sites
    Attention: Ault content (NSFW)

    I need to align this icon with the category title:
    https://prnt.sc/Lwfyu6JBvm6g

    I have to go down the icon a little bit or go up the category title next to the icon.

    I tried everything (of my knowledge) but without success, I'm kind of a newbie :)

    Thank you in advance!
     
    Divvy, Jan 20, 2023 IP
  2. denis bayly

    denis bayly Well-Known Member

    Messages:
    110
    Likes Received:
    29
    Best Answers:
    6
    Trophy Points:
    105
    #2
    Hi there Divvy,

    instead of this...
    



.maddos-title-icon {
  display: inline-block;
  position: relative;
  background-size: 100%;
  overflow: hidden;
  font-size: 24px;
}
    Code (markup):
    ...try this...
    



.maddos-title-icon {
  display: inline-block;
  vertical-align: middle;
}
    Code (markup):


    vertical-align-middle.png
    ​

    coothead
     
    Last edited: Jan 20, 2023
    denis bayly, Jan 20, 2023 IP
    Divvy likes this.
  3. Divvy

    Divvy Well-Known Member

    Messages:
    785
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    128
    #3
    Thank you very much, denis! :)

    The vertical-align fixed my issue perfectly! The "middle" didn't work but "bottom" did.
     
    Divvy, Jan 20, 2023 IP
  4. denis bayly

    denis bayly Well-Known Member

    Messages:
    110
    Likes Received:
    29
    Best Answers:
    6
    Trophy Points:
    105
    #4

    No problem, you're very welcome. [​IMG]
    ​

    coothead
     
    denis bayly, Jan 20, 2023 IP
    Divvy likes this.