[Solved] Toggle topic view position problem

J0k3R^

Advance Member

Status :

ZN SXOLH est. 1997

Posts :

260

Posted Mon Jun 09, 2014 10:48 am

Details: Hi, i have a problem with the topic view toggle (basic + regular).
Its working fine but when i toggle both views the position of the .user is getting changed and the width is bigger :S
u can check it here: [url=fmplanet.forumgreek.com/t139-topic]fmplanet.forumgreek.com/t139-topic[/url]

what i mean check screenshot:
Screenshot: https://i.imgur.com/vC2nNT3.png
Forum Address: http://fmplanet.forumgreek.com/
Forum Version: PunBB

Dark-Avenger

Advance Member

Status :

I am Web Developing.

Posts :

218

Posted Mon Jun 09, 2014 12:29 pm

Have you change the position to relative in your css?

J0k3R^

Advance Member

Status :

ZN SXOLH est. 1997

Posts :

260

Posted Mon Jun 09, 2014 12:40 pm

i followed this tutorial:
https://socialacademy.forumotion.com/t100-tutorial-basic-regular-topic-view-icon

Dark-Avenger

Advance Member

Status :

I am Web Developing.

Posts :

218

Posted Mon Jun 09, 2014 12:56 pm

I am seeing that in the middle of the column http://prntscr.com/3r3fez

Update1:
You can find this code in your css

Code:: .pun .user .user-ident .user-basic-info { text-align: center; }

and you can add this code

Code:: margin-left: -15px;

to justify it.

Best Regards,
Dark-Avenger

J0k3R^

Advance Member

Status :

ZN SXOLH est. 1997

Posts :

260

Posted Mon Jun 09, 2014 4:08 pm

eh it didnt change something..

Dark-Avenger

Advance Member

Status :

I am Web Developing.

Posts :

218

Posted Mon Jun 09, 2014 9:45 pm

J0k3R^ wrote:[link="/t358-toggle-topic-view-position-problem#2188"]eh it didnt change something..

Hi,
You must find in your css this code:

Code:: .pun .user .user-ident .user-basic-info { text-align: center; }

and make it like this

Code:: .pun .user .user-ident .user-basic-info { text-align: center; margin-left: -15px; }

if the code there isn't in your css just add it.

Regards,
Dark-Avenger

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Tue Jun 10, 2014 2:01 am

Find this in your CSS and delete

Code:: .pun .post .user , .pun .post, .user-ident .user-basic-info

and replace with this

Code:: .pun .post .user{margin-left:-16em;margin-top:-0.9em}.pun .post{background:white}.pun .post .user{width:125px;font-size:12px;text-align:center;line-height:150%;margin-left:-165px;margin-top:-0.6em}.pun .user .user-ident .user-basic-info{font-size:11px;color:#a4a4a4;text-align:center;font-weight:normal}

J0k3R^

Advance Member

Status :

ZN SXOLH est. 1997

Posts :

260

Posted Tue Jun 10, 2014 3:19 pm

Red, i made some other changes and i made it work but something happened to the colors. i need to change the color of the .user but when i do that, see the result at image :/
(the default color was this very light blue an when i tried to change it to white, it didnt change completely)

[Solved] Toggle topic view position problem ITYL9sv

[Solved] Toggle topic view position problem ITYL9sv

Grafix

Management Team

Status :

Im Watching You Spammer :)

Posts :

1596

Posted Wed Jun 11, 2014 3:04 am

Its working fine in your forum when i toggle it .. try another browser ..

J0k3R^

Advance Member

Status :

ZN SXOLH est. 1997

Posts :

260

Posted Wed Jun 11, 2014 5:42 am

lol, read my last post..

Sponsored content

Posted

[Solved] Toggle topic view position problem

J0k3R^

Dark-Avenger

J0k3R^

Dark-Avenger

J0k3R^

Dark-Avenger

Grafix

J0k3R^

Grafix

J0k3R^

Sponsored content

what most do you like? [5vote ]

Fast Navigation

1	#1
2	#2
Discover : #i<3socialacademyforum \| #themesIPB<3 \| #Javascript

Url
BBcode
HTML