How to change the spacing\padding when PS is RTL

[Hasini]

I'm modifying my PS to be RTL, but when it is in Hebrew (and RTL), the text in the block titles is squeezed against the right size of the block without any padding or space like it is when the thing is LTR.

 

How to I change the spacing\padding so that when it is RTL it will keep space from the blocks border?

 

my site:

 

http://www.freebie-magazine.com/hasini/he

[halennoor]

for the text in the cart block title for instance -- find in global.css around line 820

 

then add

 

padding:0px 10px 0px 0px;

 

in the

 

div.exclusive h4 a {

 

 

 

Hope it helps.

Edited August 15, 2012 by halennoor (see edit history)

[Hasini]

fantastic, it worked for this block.

now i gotta manually locate all the other blocks and add this

 

Thank you very much halennoor!

 

UPDATE:

 

I found a solution!!,

 

Find:

div.block h4 {

text-transform: uppercase;

font-family: Arial, Helvetica, Sans-Serif;

font-weight: bold;

font-size: 1.2em;

padding-left: 0.5em;

border-bottom: 1px solid #595A5E;

padding-top: 2px;

line-height: 1.3em;

color: #374853;

height: 19px;

background: transparent url('../img/block_header.png') no-repeat top left

 

Add:

padding-right: 0.5em;

 

this fixes everything with 1 edit.

 

Edited August 16, 2012 by Hasini (see edit history)

[halennoor]

Great. Actually even if editing the h4 in line 206 may do the job to add your right padding. There are various ways of doing it but some may effect other elements which uses the same css styles. Editing the div.exclusive will work on all the div exclusive styles blocks --which includes cart block, specials block. If all your blocks have the same right padding value then it is ok to use the div block style.

[Hasini]

Yeah, I noticed that you can change one thing and it'd make a mess for another.

This is actually fun, like find the treasure for elements