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.

Center Gender Icons

View previous topic View next topic Go down

Solved Center Gender Icons

Post by Vanityy on Fri Jun 03, 2016 3:54 pm

Not sure why but my gender icons are not centered. I'm not sure if I have had this problem before, if I did I fixed it but for this forum I don't know how or remember how.

www.forumpromocean.forumotion.com


Last edited by Genesis on Fri Jun 03, 2016 11:05 pm; edited 1 time in total
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Center Gender Icons

Post by Ange Tuteur on Fri Jun 03, 2016 4:51 pm

Hey,

If the gender icon is always the first field in the postprofile you can use this CSS rule :
Code:
.postprofile dd > .label:first-child + img {
  display:block;
  margin:0 auto;
}


otherwise I'd resort to a rule based on the src of the image. Like this for example :
Code:
.postprofile dd img[src="http://i1320.photobucket.com/albums/u537/MayaGrayx3/Apparel%20designs/path5011.png"] {
  display:block;
  margin:0 auto;
}

and for however many gender icons you have that's how many selectors you'll have in the rule. e.g. :
Code:
.postprofile dd img[src="unknown.gif"], .postprofile dd img[src="male.gif"], .postprofile dd img[src="female.gif"], .postprofile dd img[src="trans.gif"] {
  /* properties... */
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13153
Reputation : 2841
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Gender Icons

Post by Vanityy on Fri Jun 03, 2016 11:06 pm

Thanks @Ange Tuteur! Solved.
avatar
Vanityy
Helper
Helper

Male Posts : 2335
Reputation : 323
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Center Gender Icons

Post by APE on Sat Jun 04, 2016 10:23 am

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



avatar
APE
Manager
Manager

Male Posts : 10117
Reputation : 944
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

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

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