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.

Topic title/icon problem and round avatars

4 posters

Go down

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
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

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
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

Solved Re: Topic title/icon problem and round avatars

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

You don't want them rounded?
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

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;
}
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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.
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

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
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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?
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

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
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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%;
}
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

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?

Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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.
Draxion
Draxion
Helper
Helper

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

https://www.talesoftellene.com/

Back to top Go down

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
Joost
Joost
Active Poster

Male Posts : 1348
Reputation : 188
Language : Dutch, English
Location : The Netherlands

https://ondersteun.actieforum.com/

Back to top Go down

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
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

Back to top

- Similar topics

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