Search Results for 'css'

[Harry]

Hi,
Sorry for late reply

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

1. Space on page

.jas-page > div {margin: 30px 0;}

2. Space on product detail page
.single .product {margin: 30px 0;}

Best regards,

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

[Harry]

Hi,

You can change black background by add custom css code in JanStudio > Theme Option > General Layout > Custom CSS

.inside-thumb, .jas-blog-slider .post-thumbnail > div { background: rgba(0,0,0,0.9); }

Change 0,0,0 as your RGB color and 0.9 as opacity of background from 0 – 1

Best regards

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

[Harry]

Hi,

You can disable hover effect by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.product-image > .db::before {display: none;}

Regards

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

[Harry]

Hi,

1. Can you tell me the problem on which browser and which OS

2. You can reduce row height by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.shop_table th, .shop_table td { padding: 5px 10px;}

3. You can copy file orders.php from folder wp-content >  plugins > woocommerce > templates > myaccount to gecko-child > woocomerce > myaccount  to override code.

Customizing WooCommerce Order Numbers

Best regards

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

[Harry]

Hi,

Sorry for late reply

I checked your site and saw you added padding so what i did for you before display not good.

1. To edit content display better on desktop and  mobile you need experience about css or you can hire some freelancer at http://studiotracking.envato.com/SHOF to help you do this.

2. You can check solution at https://www.wordher.com/why-is-wordpress-cropping-my-images/

Best regards

• This reply was modified 8 years, 9 months ago by Harry.

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

[Harry]

Hi,

Sorry for late reply.

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS to hide SKU

.product_meta span.sku_wrapper { display: none;}

Regards

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

[para_bellum]

No.  Just if we later decide not to display the SKU number.  Is it in a configuration or is it a line of CSS somewhere?

[Harry]

Hi,

1. You can set image background responsive on mobile by set it as cover https://monosnap.com/file/aLcXx1qKX3zlwJdUHCf8BZ0BKqL8Tr#

2. For the text you can add css for responsive in JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 480px) {

.your_class { font-size: 12px;}

}

Change “your_class” with your class you added for text and change 12 with your number

Regards

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

[Foster]

Hi there,

For 1st question please add this code to Gecko theme options / General Layout / Custom JS code

http://pastebin.com/ZSeGtXUF

And next question, you just need add CSS class “btn-quickview” and HTML attribute data-prod=”product_id” to HTML dom of Essential Grid item, like this http://take.ms/jGttI

[Harry]

Hi,

1. You can add custom css for image on popup in JanStudio > Theme Option > General Layout > Custom CSS

.ypop-woo-thumb .yit-popup-image img { width: 160px;}

2. We check your site on retina device and saw place holder at logo, you can upload your logo for retina and mobile device at JanStudio > Theme Option > Header > Retina Logo

Best regards

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