Topic title/icon problem and round avatars Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
4 posters

    Topic title/icon problem and round avatars

    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 8:06 pm

    Hello Guest,


    I have a CSS problem on my testing forum.
    The white corner is not correct.. I use this CSS now:

    Code:
    .topic-title-container{ margin-left: -50px;}
    .span-tab{margin-left: -30px;}

    Screenshot:
    -deleted by Joost-

    Who can help me with this, please ?
    And i will round avatars in the topics hope that you can help me with this?
    URL on request by pb with access to a account, I'm working hidden on this new layout. Smile

    Thank you for your help!

    Regards, Joost


    Last edited by Joost on August 4th 2017, 10:48 pm; edited 2 times in total
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51554
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Topic title/icon problem and round avatars

    Post by SLGray August 4th 2017, 8:17 pm

    Please post your forum's link.



    Topic title/icon problem and round avatars Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 8:35 pm

    My forum url: -deleted by Joost-


    Last edited by Joost on August 4th 2017, 10:48 pm; edited 1 time in total
    Draxion
    Draxion
    Helper
    Helper


    Male Posts : 2518
    Reputation : 321
    Language : English
    Location : USA

    Solved Re: Topic title/icon problem and round avatars

    Post by Draxion August 4th 2017, 8:57 pm

    Remove this from your coding.
    Code:
    .topic-title-container {
      margin-left: -50px;
    }

    Add this to your coding.
    Code:
    ul.topics dd.dterm, ul.topics dt {
      padding-left: 70px !important;
      line-height: 2em;
    }


    Last edited by Draxion on August 4th 2017, 9:16 pm; edited 1 time in total
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 9:08 pm

    Draxion wrote:Remove this from your coding.
    Code:
    .topic-title-container {
      margin-left: -50px;
    }

    Add this to your coding.
    Code:
    ul.topics dd.dterm, ul.topics dt {
      padding-left: 70px !important;
      line-height: line-height: 2em;
    }

    Thank you so much this problem it's solved now.
    Only the round avatars question, have you a idea ? Smile
    Draxion
    Draxion
    Helper
    Helper


    Male Posts : 2518
    Reputation : 321
    Language : English
    Location : USA

    Solved Re: Topic title/icon problem and round avatars

    Post by Draxion August 4th 2017, 9:10 pm

    You don't want them rounded?
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 9:20 pm

    Draxion wrote:You don't want them rounded?

    No, i will in the topics rounded avatars i have this all on the index , topic index.
    This is my css what i use:

    Code:
    .lastpost-avatar img {
        -webkit-border-radius: 100%;
       moz-border-radius: 100%;
           border-radius: 100%;
        border: 2px solid #D402C3;
        height: 40px;
        width: 40px;
        margin-right: 7px;
    }
    Draxion
    Draxion
    Helper
    Helper


    Male Posts : 2518
    Reputation : 321
    Language : English
    Location : USA

    Solved Re: Topic title/icon problem and round avatars

    Post by Draxion August 4th 2017, 9:21 pm

    Take out the border-radius properties out of that code, all of them.
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 9:29 pm

    Draxion wrote:Take out the border-radius properties out of that code, all of them.

    Think you do not understand me, I would like to round avatars have no square. Very Happy
    Draxion
    Draxion
    Helper
    Helper


    Male Posts : 2518
    Reputation : 321
    Language : English
    Location : USA

    Solved Re: Topic title/icon problem and round avatars

    Post by Draxion August 4th 2017, 9:30 pm

    I am puzzled then, cause they were already rounded. lol

    Can you post a screenshot at where you want them rounded?
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 9:34 pm

    Here the screenshot:
    -deleted by Joost-


    Last edited by Joost on August 4th 2017, 10:48 pm; edited 1 time in total
    Draxion
    Draxion
    Helper
    Helper


    Male Posts : 2518
    Reputation : 321
    Language : English
    Location : USA

    Solved Re: Topic title/icon problem and round avatars

    Post by Draxion August 4th 2017, 9:37 pm

    Sorry, I wonder the impression the problem with the rounded avatars was still in that link you provided SLGray.

    Add this to your CSS.
    Code:
    a.tooltipstered > img,
    #profile-advanced-right > img {
      -webkit-border-radius: 100%;
      moz-border-radius: 100%;
      border-radius: 100%;
    }
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 9:52 pm

    Thanks, my contact buttons are also around this I would like to square.
    And how do I get on the profile itself the avatar around?

    Draxion
    Draxion
    Helper
    Helper


    Male Posts : 2518
    Reputation : 321
    Language : English
    Location : USA

    Solved Re: Topic title/icon problem and round avatars

    Post by Draxion August 4th 2017, 9:54 pm

    Can you please provide your template "viewtopic_body". Thanks.
    Joost
    Joost
    Active Poster


    Male Posts : 1407
    Reputation : 194
    Language : Dutch, English
    Location : The Netherlands

    Solved Re: Topic title/icon problem and round avatars

    Post by Joost August 4th 2017, 9:57 pm

    I have send you a pb, i post this not here i'm sorry. Sad

    Edit, this problem is solved now! Thank you for your help @Draxion Very Happy
    TheCrow
    TheCrow
    Manager
    Manager


    Male Posts : 6916
    Reputation : 795
    Language : Greek, English

    Solved Re: Topic title/icon problem and round avatars

    Post by TheCrow August 4th 2017, 10:50 pm

    Problem solved & topic archived.
    Please read our forum rules: ESF General Rules



    Topic title/icon problem and round avatars Thecro10
    Forum of the Forums

    Forumotion Rules | Tips & Tricks |
    FAQ | Did you forget your password?



    *** The Support Forum will never ask you for your email or password, so please do not post them anywhere! ***
    No support via PM!