Welcome to Gaia! ::

DJDJ16
is there anything I can do about the whitespace around the house preview?


You can't completely make it disappear without getting rid of your name on your house, but you can use this to make less white visible:
#id_house embed, #id_house object{width: 200px; height: 150px;}

If you want to make it even smaller, you can make the height smaller.

Also, thanks for adding a link to my guide in your profile! I appreciate it. 3nodding

Wow, this is going to help me/ a lot of people out! =]]
thank you very much! =D
Kayley FC
DJDJ16
is there anything I can do about the whitespace around the house preview?


You can't completely make it disappear without getting rid of your name on your house, but you can use this to make less white visible:
#id_house embed, #id_house object{width: 200px; height: 150px;}

If you want to make it even smaller, you can make the height smaller.

Also, thanks for adding a link to my guide in your profile! I appreciate it. 3nodding



take a look at my profile and tell me what you think.
Queen Galux's avatar

Lonely Phantom

7,300 Points
  • Somebody Likes You 100
  • Happy Birthday! 100
  • Generous 100
List of Selectors
#header_right .user_info_popup - The box that appears when the ? icon in the navigation bar is clicked.


User ImageGraceful Assassin~

>< Maybe I'm just brain-dead, but I tried editing the popup with that code and it wouldn't do anything... T__T
Is it really possible to edit, say, the background and the text in that popup?
Mizz Faith's avatar

Revered Conversationalist

7,300 Points
  • Inquisitor 200
  • Megathread 100
  • Threadmaster 200
User Image

Ok. I have a question (for anyone who might know).
On this profile, see the black line in comments that separates them?
http://www.gaiaonline.com/profiles/?u=8923357
Well, my background on this account is black. Therefore, I can't see the lines. Is there any way to re-color them and *possibly* change their thickness by css coding? I've searched the source and can't find what controls them sweatdrop

Its something small, but I'm trying to edit as many aspects as possible.


User Image

Profile Comments = heart *nudge nudge*
I command you to!

please =D
Queen Galux
List of Selectors
#header_right .user_info_popup - The box that appears when the ? icon in the navigation bar is clicked.


User ImageGraceful Assassin~

>< Maybe I'm just brain-dead, but I tried editing the popup with that code and it wouldn't do anything... T__T
Is it really possible to edit, say, the background and the text in that popup?


I tested out most of the selectors to double-check that they worked, but I guess I missed this one.

However, you CAN edit the popup. You just need to use the .user_info_popup only.

There is an example of it on this profile:
http://www.gaiaonline.com/profiles/5498755

The code I used was:
.user_info_popup{background: #EFE6E1; color: #a9a198; border: #a9a198 5px solid;}
.user_info_popup a{color: #a9a198; font-size: 11px; font-family: verdana;}


I'll take out the selector with #header_right in it, now that I know it causes problems.


Mizz Faith
User Image

Ok. I have a question (for anyone who might know).
On this profile, see the black line in comments that separates them?
http://www.gaiaonline.com/profiles/?u=8923357
Well, my background on this account is black. Therefore, I can't see the lines. Is there any way to re-color them and *possibly* change their thickness by css coding? I've searched the source and can't find what controls them sweatdrop

Its something small, but I'm trying to edit as many aspects as possible.


User Image

Profile Comments = heart *nudge nudge*
I command you to!

please =D


I'm all about details when it comes to coding, so don't worry about being picky around me. xd

The black line between comments is actually a border for #id_comments dt. You can edit it by editing the border-bottom property of that selector.

For example, on this profile:
http://www.gaiaonline.com/profiles/5498755

I used the code:
#id_comments dt{border: 1px #a9a198 dotted;}

If you want it to be only one line like it is now, you would use border-bottom instead of border.
Mizz Faith's avatar

Revered Conversationalist

7,300 Points
  • Inquisitor 200
  • Megathread 100
  • Threadmaster 200
User Image

Thank you so much, that worked perfectly ^_^

User Image

Profile Comments = heart *nudge nudge*
I command you to!

please =D
Queen Galux's avatar

Lonely Phantom

7,300 Points
  • Somebody Likes You 100
  • Happy Birthday! 100
  • Generous 100
Kayley FC
Queen Galux
List of Selectors
#header_right .user_info_popup - The box that appears when the ? icon in the navigation bar is clicked.


User ImageGraceful Assassin~

>< Maybe I'm just brain-dead, but I tried editing the popup with that code and it wouldn't do anything... T__T
Is it really possible to edit, say, the background and the text in that popup?


I tested out most of the selectors to double-check that they worked, but I guess I missed this one.

However, you CAN edit the popup. You just need to use the .user_info_popup only.

There is an example of it on this profile:
http://www.gaiaonline.com/profiles/5498755

The code I used was:
.user_info_popup{background: #EFE6E1; color: #a9a198; border: #a9a198 5px solid;}
.user_info_popup a{color: #a9a198; font-size: 11px; font-family: verdana;}


I'll take out the selector with #header_right in it, now that I know it causes problems.


User ImageGraceful Assassin~

<3 Thank ya's very much. I'll play around with that then. :3

EDIT: <33 That hideous thing finally matches the rest of my profile~ *gives you many hugs of thanks*
Eddefred's avatar

Shameless Dabbler

Ohlala, this guide is nifty. I'll help expand your library of codes when I get a chance though.

I wish guides like this were around when v2 was released.
I had to figure it out the hard way x3 But at least Eli and Blue helped me out <3
Delicate Desires's avatar

Dangerous Lunatic

*subscribes*
biggrin
Delicate Desires's avatar

Dangerous Lunatic

Quote:
OPACITY
selector{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
This code makes the section see-through but still visible. You can edit the numbers in green if you want to make the section more or less visible.


Is it the higher the number it is, the more visible? Or the other way around.
I don't even know what opacity means.
gonk
hills14
Quote:
OPACITY
selector{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
This code makes the section see-through but still visible. You can edit the numbers in green if you want to make the section more or less visible.


Is it the higher the number it is, the more visible? Or the other way around.
I don't even know what opacity means.
gonk


Yes, the higher the number is, the more visible the content is.

For example, 0.9 would be more visible than 0.8, and 0.7 would be less visible than 0.8.

When it comes to profiles, the word "opacity" basically means how see-through (how easy/hard to see) certain content is on your page.
BEN POND's avatar

Friendly Smoker

7,800 Points
  • Lavish Tipper 200
  • Generous 100
  • Person of Interest 200
~~~~~~~~~~User Image~~~~~~~~~~


how do i center the navigation bar?
crying



~~~~~~~~~~User Image~~~~~~~~~~
Delicate Desires's avatar

Dangerous Lunatic

Kayley FC
hills14
Quote:
OPACITY
selector{opacity: .8; -moz-opacity: .8; filter:alpha(opacity=80); -khtml-opacity: .8;}
This code makes the section see-through but still visible. You can edit the numbers in green if you want to make the section more or less visible.


Is it the higher the number it is, the more visible? Or the other way around.
I don't even know what opacity means.
gonk


Yes, the higher the number is, the more visible the content is.

For example, 0.9 would be more visible than 0.8, and 0.7 would be less visible than 0.8.

When it comes to profiles, the word "opacity" basically means how see-through (how easy/hard to see) certain content is on your page.


Oh, okay, thanks!
Ben Pond
~~~~~~~~~~User Image~~~~~~~~~~


how do i center the navigation bar?
crying



~~~~~~~~~~User Image~~~~~~~~~~
        It's against the rules to reposition the navigation bar.

Quick Reply

Submit
Manage Your Items
Other Stuff
Get Items
Get Gaia Cash
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games