Pro Form Card Images

Hi,

How do i get the “Checkout” Signs in a horizontal layout instead of Vertical?

Regards

Stuart

Hi Stuart,

They should already be in a horizontal layout. s2Member’s default Pro-Form styles display the card images in a horizontal fashion.

If they’re not appearing in a horizontal layout, then you may have other CSS conflicting with s2Member’s CSS (or s2Member’s CSS might not be loading at all). Could you provide a link to the page where you’re having problems or at least give us a screenshot?

Hi Raam,

The only browser is works correctly in is IE which is a surprise ;-)

I have tested on Firefox, Chrome, Safari & Opera

Url below
http://www.youracp.org/?page_id=561

Regards

Stuart

Hi Stuart,

The css in your theme in conflicting with those.

The conflict is in wp-content/themes/rttheme14/css/style.css?ver=3.4.1

change

/* labels */
	.content form label{
		display:block;
		float:none;
		margin: 0 10px 0 0; 
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		position:relative;
	}

to

/* labels */
.content form label {
  display:inline-block;
  float:none;
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-style:italic;
  margin:0;
  position:relative;
}

not sure how that will react with other aspects of your site though.

Hi Philly,

On the pro forms works a treat on all browsers, will find out where it has possibly gone later :-)

Regards

Stuart