1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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:
    104
    Likes Received:
    28
    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:
    781
    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:
    104
    Likes Received:
    28
    Best Answers:
    6
    Trophy Points:
    105
    #4

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

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