Search Results for 'css'

[Harry]

Hi,

The issue because your image have more white space on bottom https://rumi.ae/wp-content/uploads/2017/12/Rumi-Earth-Yoga-Sun-Yoga-Mat-Sand-71X24X4.3mm.png

You can add custom css to reduce white space between element

.jas-wc-single .product > .jas-row { margin-bottom: 0;}
.jas-wc-single .woocommerce-tabs {padding-top:0;}

Best regards

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

[Harry]

Hi,

Please add custom CSS for pagination as number

.page-numbers {
margin: 6px 0;
}

.page-numbers li {
float: left;
margin: 0 5px;
color: #222;
border: 1px solid #ccc;
padding: 0 15px;
border-radius: 3px;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#eeeeee’, endColorstr=’#cccccc’,GradientType=0 );
}

Best regards

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

[Harry]

Hi Adam,

1. Please add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-mini-cart .woocommerce-mini-cart__buttons img {max-width: 300px; margin-top: 10px;}
.wc-proceed-to-checkout a {font-size: 14px;text-align: center;display: block;}
.wc-proceed-to-checkout .wcppec-checkout-buttons__separator {margin: 0;}

2. Please follow this topic to translate some content from English to German http://support.janstudio.net/forums/topic/theme-translation/

4. This link generate by a plugin relate to shipping cost, please check which plugin generate plugin

5. It can’t change the link. You can translate the text like in step 2 and change content of popup in JanStudio > Theme Option > WooCommerce > Product Detail Setting > Shipping & Return content

6. Please go to Dashboard > YITH plugins > WC Popup > Enable Popup in Mobile Device > Off

Best regards

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

[Harry]

Hi Rahim,

Please add custom CSS code

.jas-sc-blog .post-info.mb__10,
.jas-sc-blog .post-content {
	text-align: center;
}

.jas-menu > li > ul > li {
	text-align: center;
}
.jas-service.tr .content,
.jas-service.tl .content {
	text-align: center;
}
.footer__top .widget_nav_menu {
	text-align: center;
}
.footer__top a {
	text-align: center;
}

Best regards

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

[adampreuss]

Thanks, Harry. CSS works!

Regarding the menu I mean the allways visible menu points below the logo, the menu line.
Please see my screenshot:

[Harry]

Hi,

Sorry i misunderstood, please use this css

.woocommerce-MyAccount-content p:first-child { display: none;}

Best regards

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

[Harry]

Hi Rahim,

You want remove all topbar or remove only the text “Hello, admin”

1. If you want remove only the text “Hello, admin” please use custom css

#wpadminbar .quicklinks .ab-top-secondary > li {display: none;}

2. If you want all topbar please use this css

#wpadminbar {display: none;}

Best regards

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

[Harry]

Hi Rahim,

1. To hide product attribute when hover on product list please go to Claue > Theme Option > WooCommerce > Product Listing > Enable Products Attribute On Product List and uncheck the field you don’t want to show

2. Please add custom css code

.product-info.mt__15 {text-align: center;}
.price + .swatch__list {display: block;}
.swatch__list--item {display: inline-block;}

Best regards

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

[Harry]

Hi Adam,

1. I check you site, if you reduce height of the image it can’t cover the text, you have to trim the text on slider.

Please check with custom CSS code

@media only screen and (max-width: 480px) {
.metaslider .slides img {height: 200px !important;}
.metaslider .flexslider .caption-wrap h4 font {font-size: 11px;}
}

2. On mobile when you click on hamburger menu

The menu will display like this

If you want show menu like desktop it look like

It display not good.

 

 

Best regards

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

[Harry]

Hi,

Please add custom code in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.jas-wc-single .jas-container {padding: 0;}
.summary .wc-tabs li a {padding: 0 3px;}
.tablepress tbody td, .tablepress tfoot th {display: block; width: 100%;}
.tablepress {width: 100% !important; margin: 0 !important;}
}

Best regards

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