Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2024 at 1:00 pm #1440600
    fkm

    Hey Enfold team,

    I´d like to move the symbol/icon beside the title at the tab elements I use for my portfolio pages.
    My goal is to move the icon up one pixel so that it is flush at the bottom with the title next to it.

    I tried to fix this by myself but unfortunately I didn´t succeed.
    So please help.

    Thanks a lot in advance.

    Best regards,
    fkm

    April 23, 2024 at 4:03 pm #1440609
    Rikard

    Hey fkm,

    Please try the following in Quick CSS under Enfold->General Styling:

    .tabcontainer .tab_icon {
  margin-right: 0;
}

    Best regards,
    Rikard

    April 24, 2024 at 10:32 am #1440675
    fkm

    Hey Rikard,

    thank you very much for your quick reply.

    Even though this code is also useful (I just used it to adjust the spacing between icon and tab title),
    what I actually meant was moving the icon up a lil bit (please see screenshot).
    I tried to fix this by adding “margin-bottom: 1px;” but it didn´t work.
    Please let me know how to do.

    Thanks a lot in advance.

    Best regards,
    fkm

    April 25, 2024 at 9:19 am #1440769
    Rikard

    Hi,

    Please try this CSS instead:

    .tab .tab_icon {
  top: -1px;
  position: inherit;
}

    Best regards,
    Rikard

    April 25, 2024 at 10:57 am #1440793
    fkm

    Hi Rikard,

    thank you very much for your quick reply.
    That one is the solution – it worked just fine.

    Please feel free to close this topic as successfully completed.

    Best regards,
    fkm

    April 25, 2024 at 5:12 pm #1440850
    Rikard

    Hi,

    Thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Move the symbol/icon at the tab titles’ is closed to new replies.