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 Genesis on June 3rd 2016, 9: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 June 4th 2016, 5:05 am; edited 1 time in total

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Center Gender Icons

Post by Ange Tuteur on June 3rd 2016, 10: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... */
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Center Gender Icons

Post by Genesis on June 4th 2016, 5:06 am

Thanks @Ange Tuteur! Solved.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Center Gender Icons

Post by APE on June 4th 2016, 4:23 pm

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





APE
Manager
Manager

Male Posts : 8312
Reputation : 716
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