Search Results for 'css'

[vincija]

Hi guys,

 

All worked perfect, except for number 3. I added that code and it didn’t work. Am testing on this product – https://vincija.com/product/orange-striped-bikini-set/

Added the first code to functions.php of child theme and the CSS to the theme options CSS section.

 

Thanks

Joel

[Harry]

Hi Phil.

Please go to Theme Option > WooCommerce > Product Detail Settings > Enable Full width > Off and keep CSS code

Kind regards

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

[Harry]

Hi Natalie,

I’m sorry because inconvenience.

This issue because css of plugin Meta Slider, it only change use another slider to solve this 🙁

Kind regards

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

[natalie123123]

Hello, on the homepage I find the code below. The .ypop-header background image is causing a mixed content error on my page (I am trying to use https). How/where do I remove this css?

 

<style>
.ypop-overlay{
background-color: #000;
opacity: 0.5;
}

.ypop-wrapper{
width: 550px;
height: auto;
padding: 10px;
}
.ypop-container-inner{
background-color: #ffffff;
}

.ypop-header{
height: 150px;
background-image: url(http://janstudio.net/claue/demo/wp-content/uploads/2015/12/12716884_1056591057712538_935423704_n.jpg);

}
.ypop-title{
color: #ffffff;
}

.ypop-wrapper button,
.ypop-content-type .contact-form input[type=submit]{
background-image: none;
background-color: #24d2d8;
color: #ffffff }
.ypop-wrapper button:hover, .ypop-wrapper button:active,
.ypop-content-type .contact-form input[type=submit]:hover, .ypop-content-type .contact-form input[type=submit]:active{
background-color: #0ad1d8;
}

.ypop-footer{
background-color: #f4f4f4;
}

.ypop-wrapper a.close{
background-image: url(https://ottpartysupplies.com.au/wp-content/plugins/yith-woocommerce-popup/assets/images/close-buttons/close1.png);
background-color: #ff8a00;
background-position: center center ;
background-repeat: no-repeat;
}

.ypop-checkzone {
background-color: transparent;
color: #333333;
}

</style>

[Harry]

Hi,

1. I’m sorry it can’t auto crop image to same dimension. It only resize image to same width

2. Please change code to

.btn-quickview {
	display: none;
}

3. Please add below code to gecko-child > fucntions.php

/**
 * Disable out of stock variations
 * https://github.com/woocommerce/woocommerce/blob/826af31e1e3b6e8e5fc3c1004cc517c5c5ec25b1/includes/class-wc-product-variation.php
 * @return Boolean
 */
function wcbv_variation_is_active( $active, $variation ) {
 if( ! $variation->is_in_stock() ) {
 return false;
 }
 return $active;
}
add_filter( 'woocommerce_variation_is_active', 'wcbv_variation_is_active', 10, 2 );

and add below CSS code

select option:disabled {opacity: 0.5; cursor: not-allowed; color: #ccc;}

4. Please change image in WooCommerce > Settings > Payment > Afterpay

Kind regards

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

[Harry]

Hi,

1. Please right click on menu item to select menu ID http://prntscr.com/mern1r

and custom CSS to Claue > Theme Option > General Layout > Custom CSS

.jas-menu > li#menu-item-6818 > a {
padding: 10px 20px;
background: #fde428;
border-radius: 3px;
color: #222;
}

and change menu-item-6818 with your menu item ID and #fde428, #333 with your color

Kind regards

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

[Harry]

Hi,

I thought plugin Mailchimp for wordpress can create one more forms but it only support one form so you only use 1 form for both layout: Above footer and inside footer

Please add class for newsletter form above footer and use CSS to style https://staging1.1950sglam.com/mc4wp-form-preview/?v=e14da64a5617

I’m not sure which cause the issue on your site but when i try on my local the GEO currency still work well http://take.ms/LSXvAr

Please try disable plugins and only enable recommend plugins

Kind regards

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

[Harry]

Hi Sashwata,

1. Please go to JanStudio > Theme Option > WooCommerce > Product Listing Settings > Product Per Page and change your number

2. Please go to Appearance > Customise > WooCommerce > Products Catalog > Default product sorting

3. Please go to Theme Option > Header and upload retina logo

4. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.vc_row.vc_custom_1548771448485 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.vc_row.vc_custom_1548771448485 h3 {
font-size: 14px;
}
.vc_row.vc_custom_1548771448485 h2 {
font-size: 20px;
}
}

5. Please use plugin Autoptimize https://wordpress.org/plugins/autoptimize/ to minify CSS JS and https://wordpress.org/plugins/wp-smushit/ to optimize image. and use CloudFlare for CDN

Kind regards

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

[Harry]

Hi,

1. I fixed the issue on your site

2. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.home .single-btn .btn-quickview {
	display: none;
}

3. Please add custom CSS code

.page-head {
	padding: 25px 0;
}
.page-head::before {
	background: #000;
}

and change 25px with your number

4. Because your product have so much variation so it reduce site performance https://github.com/woocommerce/woocommerce/issues/20262. If your product has less variation it load very fast https://vincija.com/product/black-hollographic-one-piece-copy/

5. Please add custom CSS code

@media only screen and (max-width: 414px) {
.jas-sc-instagram .item img {
height: 250px;
}}

@media only screen and (max-width: 384px) {
.jas-sc-instagram .item img {
height: 220px;
}}

@media only screen and (max-width: 320px) {
.jas-sc-instagram .item img {
height: 200px;
}}

Kind regards

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

[Harry]

Hi Phil,

1. Please update theme to new version to fix issue with video height

2. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.jas-blog .jas-col-md-3 {
	-ms-flex-preferred-size: 20%;
	-webkit-flex-basis: 20%;
	flex-basis: 20%;
	max-width: 20%;
}
.jas-blog .jas-col-md-9 {
	-ms-flex-preferred-size: 80%;
	-webkit-flex-basis: 80%;
	flex-basis: 80%;
	max-width: 80%;
}

Kind regards

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