Profile appearance

Go down

Solved Profile appearance

Post by łukskała on February 25th 2017, 8:01 pm

I admire how the profile looks on this forum, like this so basically I would like to make a border around the users profiles, my forum is http://premierhax.forumotion.co.uk


Last edited by łukskała on March 1st 2017, 7:43 pm; edited 1 time in total
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by Draxion on February 26th 2017, 12:11 am

Hi there,

You can put a border in the profile details via this code on CSS.
Code:
.postprofile {
  border: 1px solid #000;
}

If you understand the code, you can edit it yourself. If not, this is what each value means.
'1px' means the width of the border, 'solid' means the style of the border, and '#000' means the color of the border. You can change those values as you see fit.

Hope that helps.
avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 2141
Reputation : 273
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on February 27th 2017, 6:59 pm

Hi, that helped but how can I make the space between the profile picture and the border look as there is actually space if you know what I mean. Also the space between the avatar and the forum name. Here is a picture:


Also how can i make the border a little bit rounded
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by APE on February 28th 2017, 12:11 am

To add a slight rounded on the corners
Change the code Draxion with this one
TRICK /TIP:
Change the 4px to how you want it Wink
Code:
.postprofile {
border: 1px solid #000;
border-radius: 4px !important;
}

TRICK / TIP:
Then add this and change the 7px to how you want it
Code:
.postprofile dt img{
margin-bottom: 7px;
}



avatar
APE
Administrator
Administrator

Male Posts : 12305
Reputation : 1276
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on February 28th 2017, 5:43 pm

Thanks APE and Draxion for replying. It worked but is there any way of making space between the avatar and the border like I showed in the picture above?
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by Draxion on February 28th 2017, 7:05 pm

If you mean add some space at the top from the border, use the code APE gave you but change it to this.
Code:
.postprofile dt img{
margin-top: 7px;
}


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 : 2141
Reputation : 273
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on February 28th 2017, 8:19 pm

Thanks very much Draxion that worked, solved my problem
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by Draxion on February 28th 2017, 8:32 pm

You're very welcome. Have a good day!

Be sure to mark to topic 'solved' Wink


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 : 2141
Reputation : 273
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Profile appearance

Post by łukskała on March 1st 2017, 7:43 pm

blam, solved Very Happy
avatar
łukskała
Forumember

Posts : 35
Reputation : 3
Language : English

http://premierhax.forumotion.co.uk

Back to top Go down

Solved Re: Profile appearance

Post by brandon_g on March 1st 2017, 8:31 pm

Topic solved and archived ~ brandon_g
Please read our forum rules: ESF General Rules


Remember to mark your topic when a solution is found.
avatar
brandon_g
Support Moderator
Support Moderator

Male Posts : 6863
Reputation : 630
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Back to top


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