How to move the position of content within CSS

ashleybacon

I have made lots of changes to my css file, changing colour and size etc. The problem I have is that on users page the E-mail is cut short as the area to display the full e-mail inst sufficient due to the size of the font. how could I fix this (other than making the font smaller) I was trying to move the E-mail address to show below rather than beside. Or maybe another page could be added to show this information (normally on the left side where you see email, about who's on line, change picture etc) and a second page to show the status updates, normally on the left. or how do i enlarge the left column, and shrink the right column where the status are shown?

any other suggestions on how to resolve?

Picture below to show what I'm seeing.
http://nystagmusblog.co.uk/dump/email.jpg

ashleybacon

I under stand that these type of CSS questions are not really relevant to the vanilla forums community as they are not a bug but user specific css configuration/coding problems.

I noticed on Vanillarforums.org under my profile my e-mail address is NOT shown on the left side panel.

is there a view within vanilla that i can disable/remove e-mails from being shown within the profile page....this would resolve my untidy CSS problem.

hyphy

You'd have to manually comment out the code that displays that, there is no option for it.

hyphy

You may also want to try setting a manual width and height px amount inside CSS to the span class that displays the user e-mail address (don't know the name of it or even if there is one of the top of my head). Good luck with sorting this out!

ddumont

dl dd span.Email a {
  font-size: 8px;
}

Does that work? play with the font size, that class should select the email anchor tag in the profile.

ddumont

Or

dl dt.Email {
  float:none;
}
dl dd.Email {
  margin-left:0;
}

ashleybacon

the following worked a treat.


.Email {

display:none;

}

ashleybacon

This is wired...on a slightly different note I have added another discussion about e-mail notifications not being sent. Regarding this discussion about CSS i received 4 E-mails, 2 from ddumont and 2 from hyphy. The 2 from hyphy correspond to those commented on this discussion but the first E-mail from ddumont said

**************************************************
ddumont commented on your discussion.



[How to move the position of content within CSS]

.Email {

display:none;

}



Would that work?
**************************************************
But when checking the actual forum post it said

**************************************************
ddumont 5:51AM Quote
Posts: 213
dl dd span.Email a {
font-size: 8px;
}


Does that work? play with the font size, that class should select the email anchor tag in the profile.
**************************************************

I can only assume ddumont edited his post? But you don’t receive an e-mail to say its been edited. It actually turns out the original post received by e-mail fixed my problem – but this wasn’t shown on the forum for others to see. The fix to remove E-mail from being displayed in users profiles is to add the following to customer and style.css (I added to both as I wasn't sure which one to update)

.Email {

display:none;

}


I have also noticed hyphy commented on another post;
Contact Forum for Guests (& members) - utilising private message

No e-mail was received...strange

ddumont

I did edit it. It wasn't clear to me from your comment what you wanted. I initially thought you wanted to hide the email, so i posted that. Then read your post more closely and realized that you said something about moving the email over or to a new line. So i changed the post.

ashleybacon

I decided to hide the email as that was easier.