Please upgrade here. These earlier versions are no longer being updated and have security issues.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Options

How to move the position of content within CSS

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

Comments

  • Options
    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.
  • Options
    You'd have to manually comment out the code that displays that, there is no option for it.
  • Options
    hyphyhyphy New
    edited July 2011
    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!
  • Options
    ddumontddumont ✭✭
    edited July 2011
    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.

    There was an error rendering this rich post.

  • Options
    ddumontddumont ✭✭
    edited July 2011
    Or
    dl dt.Email {
    float:none;
    }
    dl dd.Email {
    margin-left:0;
    }

    There was an error rendering this rich post.

  • Options
    the following worked a treat.


    .Email {

    display:none;

    }
  • Options
    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
  • Options
    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.

    There was an error rendering this rich post.

  • Options
    I decided to hide the email as that was easier.
Sign In or Register to comment.