[SOLVED] How to left-align this sentence....

[Jim McGill]

Hi All,

 

Would appreciate your help on the following. Please see file.

 

I would like "business" to be directly under "Usually" , NOT as seen in the picture.

 

Kindly advise..

Edited August 28, 2013 by vekia (see edit history)

[vekia]

is there any chance to check your website with this "availability" status? it will be much easier to find solution

[Jim McGill]

is there any chance to check your website with this "availability" status? it will be much easier to find solution

 

Ok vekia, will PM you the link as the website is not for the public yet.

[vekia]

to the span add styles:

width: 105px;
display: inline-block;

 

add it to the:

#availability_statut #availability_value {
background-color: green;
color: #ffffff;
text-shadow: none;
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
display: inline;
width: 105px;
display: inline-block;
}

in product.css file located in your theme css dir

[Jim McGill]

to the span add styles:

width: 105px;
display: inline-block;

 

add it to the:

#availability_statut #availability_value {
background-color: green;
color: #ffffff;
text-shadow: none;
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
display: inline;
width: 105px;
display: inline-block;
}

in product.css file located in your theme css dir

 

Thanks vekia! It works! But how do I make the Availability line to be on the same level as first sentence of the block, and not at the bottom?

[vekia]

try to add also float:right;

 

btw. im going to mark this thread as [solved] but od course we can continue discussion here

 

best regards

[Jim McGill]

vekia,

 

May I know where to add:

 

float:right; ??????

[Jim McGill]

Thanks vekia, I got your point!

 

My immense appreciation to vekia, who is a selfless and dedicated person who expects nothing in return!

[vekia]

you have to add it in the same styles as before:

#availability_statut #availability_value {
background-color: green;
color: #ffffff;
text-shadow: none;
padding: 0 10px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
display: inline;
width: 105px;
display: inline-block;
float:right;
}

 

i suppose that you solved it, right?

[Jim McGill]

Yes Sir!