Search Results for 'css'

[george]

Hi i would like to to display in quickview a small image (like your demo 370×493) but in product page i would like to show a bigger ie. 663×850. Could it be easier by css (quickview image display:75% of original as all of my featured images will have the same resolution)? Thanks, by the way your theme is great!

[Harry]

Hi,

There is no way to add CSS for just product type. WooCommerce doesn’t support this in body tag

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sebizzle]

Is it possible to hide breadcrumbs using CSS for just one product type, such as simple product ? Is their a way in the CSS to distinguish between variable, simple, grouped etc?

.woocommerce-breadcrumb { display: none;}

[Harry]

Hi,

You can add custom css

.mc4wp-form-fields {
text-align: center;
}

.mc4wp-form input:first-child { margin-right: 30px;}

3. You can change font for by add custom css

#jas-footer .footer__top a,
#jas-footer .footer__bot a {
font-family: ‘Source Sans Pro’;
font-size: 16px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

1. I help you change HTML of signup form

You can add custom css for form in Theme Option > general Layout > Custom CSS

.mc4wp-form input:not([type=”radio”]):not([type=”checkbox”]) { border-radius: 0; border: 0; color: #fff; background: #1d1f23; float: right;}
.signup-newsletter.mb__15 > input {float: left;}

Change #1d1f23 with your color to change color of Register Now button

2. You can change style of button on banner

.jas-banner h3 {
background: none;
color: #fff;
font-size: 18px;
border: 5px solid #fff;
text-transform: uppercase;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Monumart]

Since updating to the latest WordPress core version 4.8.1, the sales section on our homepage has broken.

The middle product on timed offer is now not showing on offer with the timer and the custom CSS we’ve used to style it no longer works.

On the right of this is a Summer Sale block that should be the same size as the other 2 blocks, but is now tiny and only shows underneath the other 2 blocks.

Please see http://www.yaheestore.co.uk and scroll down to the “SALES & SPECIAL OFFERS” section of the homepage.

Please can you let us know how we fix this.

[Harry]

Hi,

you can use attach file and put this file in claue-child > woocomerce > single-product

and add custom css in Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 800px) {
.btn-quickview {left: 13px;top: 15px;}
}

@media only screen and (max-width: 767px) {
.product-extra .jas-row { padding: 0 30px;}
}

Best regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

You can add custom css

.woocommerce-variation-add-to-cart.variations_button {
display: flex;
flex-flow: column nowrap;
}

.woocommerce-variation-add-to-cart.variations_button > * { margin-right: 0; margin-bottom: 0;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

You can add custom css to fix the issue.

@media only screen and (max-width: 767px) {
.jas-portfolio-single {padding: 0 15px;}
.page-head h1 {line-height: 1.2;}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Sebizzle]

This reply has been marked as private.