Sidebar category count on different line + price too small + proceed to chckout

[[email protected]]

Hi there,

I ve recently updated all my themes and plugins and as a result I got a few style inaccurancies. (please check attachments)

1) from attachment immagine7

– the attributes count on the sidebar is now displayed on a new line, while I’d like it to have it displayed as before on the same line

– again in the catalog/shop page product prices are too small

– third, I d like the categories underneath the product name to be displayed in a smaller font

2)from attachment immagine4

– please visit timeforyourskin.com and add something to the cart. The proceed to checkout button there doesn’t have a background as before (it used to be white text on a black background) and you can notice when you hover on it that the text is not at the centre of the button (too high)

I really appreciate your support. If you can also explain me where to find all these lines in the theme folder maybe I can try to work it out by myself next time

Regards

Fabio

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

/* sidebar count */
.woocommerce .widget_layered_nav ul li span.count{
padding:7px 0px !important;
}

/* Price */
ul.products li.product .price .amount{
font-size:15px !important
}

/*category*/
span.posted_in{
font-size:13px !important;
}

/*checkout button*/
wc-proceed-to-checkout a.checkout-button{
background:#000;
color:#fff !important
}

Thanks
Mohammad

[[email protected]]

Dear Mohammad

Thanks for your prompt and complete reply. I highly appreciate it

Unfortunately after adding the custom css code only 2 out of the 4 issues have been resolved

As you can check in the attachment, both the price and category font size has changed to the desired one, while the attribute count on the sidebar are still displayed on a new line, rather than being on the same line of the attribute name as it used to be

Same story for the proceed to checkout button (nothing has changed)

Please let me know how to fix the last 2 issues

Reagrds

Fabio

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
/* sidebar count*/

.woocommerce .widget_layered_nav ul li a{
float;left !important;
}

.woocommerce .widget_layered_nav ul li span.count {
    padding: 7px 0px !important;
    float: right !important;
}
/*checkout button*/

/*checkout button*/
wc-proceed-to-checkout a.checkout-button{
background:#000 !important;
color:#fff !important;
}

Thanks
Mohammad

[[email protected]]

Dear Mohammad

Thanks for your quick reply

Unfortunately none of them has worked

To be more precise the checkout button has still not changed

Regarding the attributes count, it has worked partially.

Indeed now the count is displayed on the right, but unfortunately they are not on the same line as it used to be (check attachment)

I personally think that it is much more simple and elegant to have the count on the same line

Any ideas?

Thanks

Fabio

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove all my css prevoius code from first reply and use this new css code:-

/* Price */
ul.products li.product .price .amount{
font-size:15px !important
}

/*category*/
span.posted_in{
font-size:13px !important;
}
.woocommerce .widget_layered_nav ul li a{
float;left !important;
}

.woocommerce .widget_layered_nav ul li span.count {
    padding: 7px 0px !important;
    float: right !important;
}

/*checkout button*/
.wc-proceed-to-checkout a.checkout-button{
background:#000 !important;
color:#fff !important;
}

Thanks
Mohammad

[[email protected]]

Dear Mohammad

Again it worked partially

so price and category font size are fine

Unfortunately the attributes count on sidebar is still on a different line. I’d like to have it as it used to be (check attachment)

Regarding the proceed to checkout button it is now white text on black background, but it has lost the hover property (it should turn into white text on a blue background when I Hover it – dont worry about the color code…ill put it in there…but I need to have the hover active)

Regards

Fabio

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove all css again and use this new corrected css code. There was a error in old css code:-

Hi,
Please remove all my css prevoius code from first reply and use this new css code:-

/* Price */
ul.products li.product .price .amount{
font-size:15px !important
}

/*category*/
span.posted_in{
font-size:13px !important;
}
.woocommerce .widget_layered_nav ul li a{
float:left !important;
}

.woocommerce .widget_layered_nav ul li span.count {
    padding: 7px 0px !important;
    float: right !important;
}

/*checkout button*/
.wc-proceed-to-checkout a.checkout-button{
background:#000 !important;
color:#fff !important;
}

Thanks
Mohammad

[[email protected]]

Dear Mohammad

Getting better

Now also teh attribute count is displayed fine

The only thing that is still not perfect is the proceed to checkout button, that doesn’t “change” when i hover it..before it was great (white text on black bg, and white text on light blue bg when hover)

Can you please add also the code for the hover effect

Thanks a lot

You ve been great

Fabio

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.wc-proceed-to-checkout a.checkout-button:hover{
background:#07C1B5 !important;
color:#fff !important;
}

Thanks
Mohammad

[[email protected]]

Dear Mohammad

The new color is perfect

Unfortunately I d like to have it appearing only when the user hover on it and not all the time…it should be black and become light blue only when the user hover it

It should be like the one in your demo site

http://neighborhood.swiftideas.net/cart/

Please let me know if my request is not clear

Regards

Fabio

[Mohammad – SUPPORT]

Hi,
Please remove last reply code and use this new code:-

.wc-proceed-to-checkout a.checkout-button:hover{
background:#07C1B5 !important;
color:#fff !important;
}

Thanks
Mohammad

[[email protected]]

Dear Mohammad

Great

Now it all works perfectly

Thanks a lot for your great support

Fabio

[Kyle – SUPPORT]

Thanks Mohammad

– Kyle