FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 19 users online :: 0 Registered, 0 Hidden and 19 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Pop-up Profile Customization

View previous topic View next topic Go down

Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7154
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Sat 13 Aug 2016, 09:51

Is there any way to add a div container for the user's avatar in pop-up profiles?
Pop-up Profile Customization 2c4ce3d6b71b41019635b08979aac0f7

And if there is, is there a way to also shift the information over a tad bit so that it's centered and not indented to the left?


Last edited by Valoish on Sat 13 Aug 2016, 15:36; edited 1 time in total
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12048
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 13 Aug 2016, 14:44

Hi @Valoish,

By default it looks like there's an exisiting container for the avatar called "#userAVA". You can shift the profile content over with this CSS rule :
Code:
#userprofile {
  margin-right:200px;
}
You might want to add a fixed limit to the width of the avatars when using this method though. Wink

Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7154
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Sat 13 Aug 2016, 15:01

@Ange Tuteur Worked perfectly c:
The avatars on our forum can't exceed 160px in width and 200px in height by default so I think it should all be good c:

But now I noticed this white background in the headers :I
Pop-up Profile Customization 286e41af2aa6483ca4aef87af5f0378d

They're actually on the Index page of the forum as well (Where it says Forum, Topics, Posts, and Latest Post)
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12048
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 13 Aug 2016, 15:20

This part, right ?
Pop-up Profile Customization Captur73

It looks like it can be styled specifically with the
Code:
.profile-title
class name. For the other titles, namely the ones above the topics list, it looks like they use these selectors :
Code:
.secondarytitle, .secondarytitle h2, th
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7154
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Sat 13 Aug 2016, 15:29

Tried those and um..
Pop-up Profile Customization 6501d2e81e854a7da7a2691817ced830
.profile-title partially worked x'D

As for .secondarytitle, .secondarytitle h2, th.. Doesn't seem like those had any effect
Pop-up Profile Customization 9dceef7a90d64aa9b136892d1cd7cc6a Pop-up Profile Customization 8fcbfd3a5edd4cfb8e4ee7d359d7ee5f

This is what the CSS looks like:
Code:
.profile-title, .secondarytitle, .secondarytitle h2, th { background-color: #fdfdfd!important; }

Not sure if they didn't work because I combined the CSS selectors or what.. ><
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12048
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 13 Aug 2016, 15:31

Nah, combining CSS selectors is fine. Helps save you space too ! Razz I think the problem is that the th elements have a background image on them that's hiding the background color. Try changing the rule into this :
Code:
.profile-title, .secondarytitle, .secondarytitle h2, th {
  background-color: #fdfdfd!important;
  background-image:none;
}
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 27
Posts : 3671
Points : 7154
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Sat 13 Aug 2016, 15:35

Yeah I've done that before but Forumotion just.. Pretty sure it dislikes me. LOL.
... How did I not think of a background image being there.. Face palm That worked~ Thank you ^^
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12048
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Sat 13 Aug 2016, 15:46

No problem. ^^

Topic archived

Have a good weekend. Smile
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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