The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Topic title/icon problem and round avatars

View previous topic View next topic Go down

Solved Topic title/icon problem and round avatars

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

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

Please post your forum's link.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 41171
Reputation : 2815
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Draxion on 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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1856
Reputation : 232
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

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

You don't want them rounded?


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1856
Reputation : 232
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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;
}
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

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

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


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1856
Reputation : 232
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Draxion on 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?


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1856
Reputation : 232
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Draxion on 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%;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1856
Reputation : 232
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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?

avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

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

Can you please provide your template "viewtopic_body". Thanks.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1856
Reputation : 232
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Joost on 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
avatar
Joost
Forumember

Male Posts : 696
Reputation : 7
Language : Dutch
Location : The Netherlands

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

Post by Luffy on August 4th 2017, 10:50 pm

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





avatar
Luffy
Manager
Manager

Male Posts : 4931
Reputation : 507
Language : Greek, English
Location : Greece

http://thinktank.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum