How to insert 3 to 4 sliders next to each other in one line?

For some reason my site link didn’t come up. Here it is, hopefully.

…and again.
https://www.redhawkconstruction.com/

Hi,

Try adding this to your themes style.css file:

.metaslider {
  float: left;
  margin-right: 10px;
}

That will get them lined up next to each other.

Then you’ll need to find where your header is generated in your theme (its probably called header.php) and add use the php includes as listed on the meta slider page to output them, something like:

<?php echo do_shortcode("[metaslider id=59]"); ?>
<?php echo do_shortcode("[metaslider id=52]"); ?>

No need for Meta Slider Pro for stuff like this, I answer them anyway ??

Regards,
Tom.

Tom,

Your a stud. Thanks so much. I will try this now.

-S

CSS worked, so its working in the page I created. Just need to try the header.php file and where to put it.

Just after the logo div ??

You’ll also want:

.metaslider .flexslider {
    margin: 0 !important;
}

Regards
Tom

ugh,

okay here is the Header php file. I’ve narrowed the code down to this that is currently controlling the logo. Where would I insert your recommendations?
____________

[ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

/* ******************** IF HEADER LOGO - BANNER IS ACTIVATED ********************************* */
		elseif(get_option('of_header_type') == 'logobanner') { ?>

			<div class="logo" style="float:left;margin:0;padding:<?php echo get_option('of_padding_top', 0); ?>px 0px <?php echo get_option('of_padding_bottom', 0); ?>px <?php echo get_option('of_padding_left', 0); ?>px;">
				<?php if ( get_option('of_logo_type') == 'Image Based Logo') { ?>
					<h1>
						<a>" title="<?php bloginfo('description'); ?>">
							<img src="<?php echo get_option('of_logo'); ?>" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>"/>
						</a>
					</h1>
				<?php } else { ?>
					<h1>
						<span class="name"><a>" title="<?php bloginfo('description'); ?>"><?php echo get_option('of_logo1'); ?></a></span>
						<span class="slogan"><a>" title="<?php bloginfo('description'); ?>"><?php echo get_option('of_logo2'); ?></a></span>
					</h1>
				<?php } ?>
			</div><!-- logo -->

			<div class="banner">
				<?php
					if(file_exists(TEMPLATEPATH . '/ads/header_468x60/'. current_catID() .'.php') && (is_single() || is_category())) {
						include_once(TEMPLATEPATH . '/ads/header_468x60/'. current_catID() .'.php');
					}
					else {
						include_once(TEMPLATEPATH . '/ads/header_468x60.php');
					}
				?>
			</div>

			<div class="clear"></div>
		<?php }

Thanks!

Just after </div><!– logo –>

Okay I did this …and yes I am sure I did it wrong but its showing Internal error. Heres what i did, and don’t laugh.
______________________________
</div><!– logo –>
.metaslider .flexslider {
margin: 0 !important;
}
<?php echo do_shortcode[‘metaslider id=59’] ?>
<?php echo do_shortcode[‘metaslider id=52’] ?>

Ah, my bad, I should test the code I put on here :)..

the styles should go into style.css in your theme, and paste this code in right after <!– logo –>

<?php echo do_shortcode("[metaslider id=59]"); ?>
<?php echo do_shortcode("[metaslider id=52]"); ?>

ahh ha!

One last thing, whats the best way to pad the top so its even with the bottom?

There are a bunch of ways to do that, but try this: (add the margin-top rule to your existing rules)

.metaslider {
float: left;
margin-right: 10px;
margin-top: 10px;
}

Regards
Tom

Got it. Thanks Tom!I need to brush up on my CSS.

I’m going right now and giving your plugin full stars.