Advertisement:

Author Topic: moving userarea  (Read 1643 times)

Offline AlyssaM

  • Semi-Newbie
  • *
  • Posts: 28
moving userarea
« on: May 02, 2012, 06:55:54 AM »
hello folks

im trying to move the userarea info
the stuff that says ''
Show unread posts since last visit.
Show new replies to your posts.
April 29, 2012, 10:49:11 AM
''
 in the header
now i already got it from left to right but i want it a little bit more to the right because now its overlapping something
how can i move it?

im using the theme ''Reference'' by crip
i actually posted the same message in his Reference topic but still no reply yet
i kind of want this to be solved as quickly as possible
so thats  why im also asking here now


thank you!

Offline Ricky.

  • Customizer
  • SMF Hero
  • *
  • Posts: 4,029
    • Indian Linux Forums
Re: moving userarea
« Reply #1 on: May 02, 2012, 04:07:19 PM »
That shouldn't be hard, have tried using some tool like firebug for firefox, or try pressing F12 if using IE, you can see what you need to change in CSS. As Reference is not custom theme, we can't give you exact steps and that too without showing us anything.. link or screenshot.
« Last Edit: May 09, 2012, 12:47:26 AM by Ricky. »

Offline AlyssaM

  • Semi-Newbie
  • *
  • Posts: 28
Re: moving userarea
« Reply #2 on: May 03, 2012, 08:11:33 AM »


thats a screenshot of the header image and you can clearly see the userarea message
it needs to go more to the right

Offline AlyssaM

  • Semi-Newbie
  • *
  • Posts: 28
Re: moving userarea
« Reply #3 on: May 08, 2012, 10:07:04 AM »
i guess no one is able to help out then? :'(

Offline Also Gone

  • SMF Hero
  • ******
  • Posts: 2,526
  • I Don't Shower Much
    • Files4Design
Re: moving userarea
« Reply #4 on: May 08, 2012, 11:52:57 AM »
Find this in index.css
Code: [Select]
#userarea {
    color: #DDDDDD;
    float: right;
    font: 12px arial,sans-serif;
    height: 73px;
    padding: 20px 25px 0;
    text-align: left;
    width: 38em;
}

and change to
Code: [Select]
#userarea {
    color: #DDDDDD;
    float: right;
    font: 12px arial,sans-serif;
    height: 73px;
    padding: 20px 25px 0;
    text-align: right;
    width: 38em;
}

 Also the userarea is quite wide by default so you may also try adjusting the width as well.

 ;)

Offline AlyssaM

  • Semi-Newbie
  • *
  • Posts: 28
Re: moving userarea
« Reply #5 on: May 09, 2012, 08:50:13 AM »
thanks for responding!
but how is the text align gonna help me out ? it will only make the text start from the right side obviously
but then it will still be in the way
so you think of i adjust the width thing , the last part of it
it will make a difference as well?

Offline Also Gone

  • SMF Hero
  • ******
  • Posts: 2,526
  • I Don't Shower Much
    • Files4Design
Re: moving userarea
« Reply #6 on: May 09, 2012, 11:57:47 PM »
Actually going by your image, adding margins and making the width a little smaller should help. Maybe start with 30em and adjust as needed.
It would be much easier to accurately assist if we had a live link to the site.  ;)


Offline AlyssaM

  • Semi-Newbie
  • *
  • Posts: 28
Re: moving userarea
« Reply #7 on: May 13, 2012, 08:44:46 AM »
well i did change the width but instead of em i used px
for some reason its in the right top corner now and thats basically a good spot because its not overlapping anything any more

thank you for your help, very much appericiated