Swapping "About" columns of profile in a theme! How?

qwenty

Plz, see this picture, first!

It's EmbedFriendly theme which is "RTL"ed. But I can't amend "About" part, placed into profile -> "Username+Email+Joined+Visits+LastActive ..." should be in the right in a rtl theme! How can I transfer this column to right side?

these codes of /vanilla/themes/EmbedFriendly/design/custom.css which changed them slightly:

body {
direction: rtl;
}

...

body.Profile div.SearchBox {
    display: none;
}
body.Profile #Content {
float: right;
margin-right:10px;
width: auto;    
}
body.Profile #Panel {
float: right;
width: 250px;
margin-right:10px;
text-align: right
}
body.Profile ul.PanelInfo li {
    text-align: right;
}

x00

look up definition lists

<dl>
<dt class="Name">Username</dt>
<dd class="Name">zer0</dd>
...

Style appropriately. It is important that you properly inspect the element using firebug, or chrome inspect, then you know how they are being style and how you would style them differently.

422

A common mistake, with common.css is that users assume the design will run off this new css file in entirety.

Not so, if a element is replicated you may need to add important attribute.
If an element is missing from a rule within custom.css then it gets pulled in from native css file.

As @x00 stated, get firebug. Its really the only way to do it.

Merely putting direction:rtl has little significance if rules declared are floated spcifically.

peregrine

@qwenty

with your images it really clarifies things. What are you using to edit the images after you take screenshot. As you said you use ubuntu. i was wondering if there was a good package on ubuntu to do this.

qwenty

Thanks guys; firebug was installed, but I never used it before! Now I got that I was wasting time without it, I'll try to learn and work more with it, although I'm not a programmer!

peregrine said:
@qwenty

As you said you use ubuntu. i was wondering if there was a good package on ubuntu to do this.

It's gimp, a free & powerful app, comparable with property photoshop. gimp is available for all linux-base distros and other OS, as in Microkill Windows.

peregrine

you did the above image with gimp? if not what package did you use?

qwenty

peregrine said:
you did the above image with gimp? if not what package did you use?

Yes, I used Gimp 2.6:

peregrine

sorry. edited. started a new thread.

422

Guys start a new thread