How do I get it with CSS?

I use the shortcode for a vertical events list.

Who can help me?

Thanks a lot,
Dennis

thanks for your consideration
Doug

https://www.ads-software.com/plugins/simple-staff-list/

I have about 22 pages I want to list, but to save space, is it possible to list them horizontally instead of vertically?

https://www.ads-software.com/plugins/megamenu/

I am using the plugin on my home page in a responsive theme.

When viewing on laptop I would like them to left align in the column and for the list to go HORIZONTALLY rather than a vertical list.

Is this possible? Can I make this change in code? If yes, where would I make the change and how?

thank you so much for your help. Would really like to continue using the widget!

MC

https://www.ads-software.com/plugins/top-10/

https://www.ads-software.com/plugins/content-views-query-and-display-post-page/

I’m using the ecommerce plugin Shopp for my website. All is being easily customised up to now, except for this:

I’m trying to create an horizontal list of products using display:inline as usual. However, there seem to be two class for product: “.product” and “.product first”. I can inline these two classes but not the every product (it creates a vertical list for .product, and a vertical list for .product first)!
Anyone knows how to work with this?

Here’s the code (apologies for the long list!):

<div class=“category”>

<ul class=”products”>
:: before
<li class=”product first” itemscope itemtype=”https://schema.org/Product”>

<div class=”frame”>
</div>

<li class=”product” itemscope itemtype=”https://schema.org/Product”>

<div class=”frame”>
</div>

<li class=”product first” itemscope itemtype=”https://schema.org/Product”>

<div class=”frame”>
</div>

<li class=”product” itemscope itemtype=”https://schema.org/Product”>

<div class=”frame”>
</div>

::after

</div>

and the css (unless there is other css code to restyle for this):

.shopp_page .products { text-align:left; padding:0; margin:0; zoom:1; display: inline; width: 100%;}
.shopp_page .products:before,
.shopp_page .products:after {content:””; display: inline;}
.shopp_page .products:after {clear:both;}
.shopp_page .products .product { background:#F00; padding:0; margin-right: 100px; display: inline; width: 1180px;}
.shopp_page .frame { border: none; }
.shopp_page .products, .shopp_page .products ul { width: 100%; margin: 0; padding: 0; display: inline;}
.shopp_page .products > .product { z-index: 3; float: left; width: 1180px; display: inline;}
.shopp_page .products > .product.first { z-index: 3; float: left; width: 1180px; display: inline; }
.shopp-product ul,
.shopp-product ol { display: inline; }

Here’s my site:
https://livingtherusticlife.com/

Any help is appreciated.

[Moderator Note: Please ensure that you are embedding links correctly in your posts.]

I’m trying to get my products to display horizontally. I think the problem is in the loop of wp_e_showrp.php, Lines 112-121:

$htmlcod .= "<div class='showrpdiv'>\n";
	   $htmlcod .= "<ul>\n";
	   $htmlcod .= "<li><a href=".wpsc_product_url($rs[0]).">".$rs[1]."</a><br>";
	   $htmlcod .= "<a href='".wpsc_product_url($rs[0])."'>";
	   $htmlcod .= "<img src='".$pht."' style='width:".$tbwid."px'></a>\n";
	   $htmlcod .= "</li>\n";
	   $htmlcod .= "<li>".$prc."</li>\n";
	   $htmlcod .= "</ul>\n";
	   $htmlcod .= "</div>\n";

I edit the CSS:

.showrpdiv ul {
    margin: 0;
    padding: 0;
}
.showrpdiv ul li {
	display: inline;
}

But because each product image is starting a new div class and unordered list. I’m guessing there’s a way to take these out of the loop and leave the list item in. Or maybe you have a better way. This problem is currently on my localhost.

-JSmith

https://www.ads-software.com/extend/plugins/wp-e-commerce-product-showroom/

I have 12 categories for the 1st tier of the nav bar. (static)
Each category will have upto 12 sub-categories.

I would like to subcategories to appear as a 2nd nav bar (horizontal list). Each subcategory to have a dropdown list of pages.

I am using a single nav bar with dropdowns and subpages. It works but it is awkward because everything is buried.

It must already exist, as a widget, plugin or built in to a theme.

Thanks