[Shopping Theme] Get 'Add to Cart' buttons and prices in line on category page

[MartijnMIC]

Hello,

First of all, I find the Shopping Theme really great!

But I have a few problems that I can not solve and which I have not yet found the solution on the forum.

Namely the Add to Cart buttons and the prices of the products on the catogorie page are not in a line, is a solution for this? Would be really great 🙂

gr,

Martijn

ps my english is not good, so I translated it with google translate

[han]

Hi Martijn,
It looks fine on shopping theme demo, http://themehall.com/preview/shopping/product-category/clothing/

[MartijnMIC]

Hallo Han,

When yout product titel is longer than displayed in the demo, then you have that problem.

I have made a screenshot of it, ik can’t give a link because the site is not online yet.

[han]

That’s tricky, but you can try this style

.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 {
    height: 75px;
}

[MartijnMIC]

I did put it to style.css of the shopping theme, but it does nothing.

[MartijnMIC]

Hello Han,

The site is online right now, you can see it at http://annasmeubelen.nl/?product_cat=bankstellen.

Gr,

Martijn

[han]

Put the code into “Appearance > Customize > CSS”

[MartijnMIC]

Yes thank you! It worked out!

[ClientP]

Greetings Han, Thanks for the great theme.

I have searched through the forums section but was unable to find a thread for creating the shop base page like the default layout in the screenshot of the shopping theme. The page that is setup as the base shopping page receives the new product with out fail but instead of adding it to the one page, it creates additional pages that the user has to click through.

Do I have to create a table for that page as well?

[Davilind]

Hi, Martijn, Han

I’m in the process of developing my site using the Shopping Theme, which seems to be working fine so. but I noticed that Martijn’s colour on his website is grey. How do you change the colours?

Dave

[MartijnMIC]

Hello Dave,

I have used these codes:

.omega-nav-menu .current_page_item a, .tinynav, .nav-primary {
background:#585858;
color:  #ffffff /*The color of the visited link*/
color: #ffffff;
}

.omega-nav-menu .sub-menu {
background:#6e6e6e;
color:  #ffffff /*The color of the visited link*/;
color: #ffffff;
}

.omega-nav-menu a:hover {
background:#848484;
color:  #ffffff /*The color of the visited link*/;
color: #ffffff;
}

.shopping_menu_search {
	background:#585858;
	width: 275px; 
	float: right;
} 

.footer-widgets {
	background:#585858;

[Author]

Posts